摘要:話說年底了,今年承諾了一些教程還沒來得及寫,說到了就得辦到,年底了,陸續把欠的賬換上,首先寫一個系列教程,一來是問的人多,二來是簡單。不能讓學生開發出來項目的教程都是大忽悠和耍流氓。
話說年底了,今年承諾了一些js教程還沒來得及寫,說到了就得辦到,年底了,陸續把欠的賬換上,首先寫一個canvas系列教程,一來是問的人多,二來是簡單。
總結起來就一句話,我要認真的浪一把。
第一個問題先解決為啥學canvas,而不用flash.
因為flash不好用。(這樣是不是一句話把天聊死了?)
好吧,詳細解釋下,第一是因為flash不好用,第二是因為flash把喬老爺子惹毛了,喬幫主一句話,以后蘋果產品都不用你flash,蘋果在手機端的地位,就跟你爸在你家的的地位似的,他的一句話就相當于你把一句話說以后把你的生活費給眨了,你肯定明白flash的感受,這下就操蛋了。
歷史和感情糾葛對你變成沒有半毛錢關系,我們都是面向工資編程的開發者,所以不墨跡了。說怎么開發。
古人說的好,要想活兒好,家伙得好使(工欲善其事必先利其器)。我們學canvas你得有些好工具。有人說得有一個好編輯器啊,然后吵得一地雞毛或者各種糾結什么編輯器好。我告訴大家我我用atom(https://atom.io/),不是因為它比別的多好,而是寫js只要不是太差的編輯器就行,我也不知道我電腦上啥時候裝的atom,而且是免費的,為啥不用webstorm 之流的集成開發環境,因為集成了太多的特殊服務,是很爽問題是慢啊!你明明可以免費跟你上鋪舍友借個籃球去打,沒必要為了借個籃球就請他特殊服務吧。
說完了編輯器還不夠,為啥?想想一下我的學生調試了一晚上程序第二天我告訴他你測試的瀏覽器不支持這個功能的時候他的心情吧……
一般chrome就ok,順帶一句,不是所有的chrome 下html5的功能都支持或者表現一樣,拿http://html5test.com/這個網站...,否則你的心情就會跟你和你女朋友本來想甜蜜一晚上結果發現怎么也找不到氣球結果小純潔了一晚上第二天回到家發現原來它就在你口袋里一樣的心情,自行腦補……
最后開發之前我們先看看一些NB的canvas做的東西,給我們一nainai堅持下去的動力。
http://www.chartjs.org/sample... 很實用
https://playcanvas.com/ 等你學會了寫幾個,實屬吹牛忽悠,炫耀裝13的利器。
不墨跡,開整第一個例子,hello word.
Document
是不是簡單的讓人發指?這里注意兩點:
第一點,canvas是置換元素或者塊元素或者內聯元素對你開發影響不大,你如果是大牛了研究這個沒問題,你連基礎的矩形都畫不出來閑的蛋疼研究那個啊?
第二點,atom裸奔很難受,安裝一個emet夠用就行了,別還沒學呢先整一堆沒用的各種智能填充插件,你會了熟了用那些沒問題,如果你連單詞都拼不對就想著投機取巧,你學不好。
正確的方法加上堅持就是捷徑。
明天講講各種形狀和貝塞爾取現等基本的畫法就可以寫項目了。
不能讓學生開發出來項目的教程都是大忽悠和耍流氓。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/92297.html
摘要:二教程環境三創建項目創建項目有兩種方式一種是在官網上創建二是在上創建如圖所示勾選然后點,然后一直默認最后點擊完成即可。我們這里看到和普通的接口沒有異同,除了返回類型是用包裝之外。與之對應的還有,這個后面我們會講到。 showImg(https://segmentfault.com/img/remote/1460000018819338?w=1024&h=500); 從去年開始就開始學習...
摘要:寫了系列教程的圖表庫部分和基礎教程,收到了很多人的留言,針對大家問題的問題集中做一次填坑。首先是編輯器,之前用了用,這幾天寫了一個圖表庫,全程使用,說下感受。 寫了canvas系列教程的圖表庫部分和基礎教程,收到了很多人的留言,針對大家問題的問題集中做一次填坑。 首先是編輯器, 之前用了用atom,這幾天寫了一個canvas圖表庫,全程使用atom,說下感受。 webstorm 就相當...
閱讀 3044·2021-11-22 09:34
閱讀 3636·2021-08-31 09:45
閱讀 3836·2019-08-30 13:57
閱讀 1670·2019-08-29 15:11
閱讀 1681·2019-08-28 18:04
閱讀 3218·2019-08-28 17:59
閱讀 1558·2019-08-26 13:35
閱讀 2188·2019-08-26 10:12