Posts

HTML5DevConf: Kruger, Marcus, "Launching Goo Create - WebGL graphics made easy"

Image
Goo Engine and Goo Create http://www.gootechnologies.com/

Write your own WordPress plugin

Image
我將介紹如何撰寫一個JQuery的WordPress plugin 首先在%WordPressRoot%/wp-content/plugins下建立一個你plugin名稱的資料夾,這個名稱儘量獨特一點,避免之後跟WordPress plugin store上的套件撞名,ex: ellis123456.接著再產生一個跟資料夾名稱一樣的php檔案,ellis123456.php. 首先加上描述,說明版本與作者資訊.此定義內容會存在WordPress的plugin簡介,請勿務必填寫完整 /** * Plugin Name: ellisJQuery * Plugin URI: http://URI_Of_Page_Describing_Plugin_and_Updates * Description: Ellis's specific version of JQuery for WordPress. * Version: 0.0.003 * Author: Ellis Mu * Author URI: http://URI_Of_The_Plugin_Author * License: GPL2 */ 定義plugin的unique id以及需要多國語言時它的目錄 load_plugin_textdomain('ellis123456', false, basename( dirname( __FILE__ ) ) . '/languages' ); 定義完成後,我們就可以開始載入JQuery函式庫, function initJQuery() { wp_register_style( 'jquery', plugins_url('style/eggplant/jquery-ui-1.10.4.custom.min.css', __FILE__) ); wp_enqueue_style( 'jquery' ); /* * We should load jquery before load jquery ui. */ wp_register_script( 'jquery', ...

Using MAMP to install WordPress

Image
MAMP是一個可以在Mac本機上直接安裝設定Apache, MySQL, PHP的好用軟體.(Windows版本為WAMP). 1. 他十分簡單,首先去MAMP下載安裝檔( http://www.mamp.info/en/index.html ).他有分為一般版本及Pro版,Pro版需要付錢,因此我們使用一般版本來說明. 安裝完後的界面如下: 安裝完成後,使用瀏覽器觀看我們的首頁會在port:8888 2. 接下來我們要安裝WordPress 在安裝WordPress之前記得要先設定一組db帳號在MySQL,設定步驟如下: 在Terminal視窗輸入:/Applications/MAMP/Library/bin/mysql --host=localhost -uroot -proot ( http://documentation.mamp.info/en/mamp/how-tos/using-mysql-command-line ) 接著觀察目前的db---  show databases; 創建一組新的db--- CREATE DATABASE wordpress; 創建你的使用者帳號--- CREATE USER ellis@localhost; 建立使用者密碼--- SET PASSWORD FOR ellis@localhost= PASSWORD("xxxxxxxxx"); 綁定帳號與db--- GRANT ALL PRIVILEGES ON wordpress.* TO ellis@localhost IDENTIFIED BY 'xxxxxxxxx'; 刷新 FLUSH PRIVILEGES; 離開 exit 3. 最後我們就可以安裝我們的WordPress了 去WordPress首頁下載zip檔( http://wordpress.org/download/ ).解壓縮後丟到/Applications/MAMP/htdocs/,接著在瀏覽器執行http://localhost:8888/wordpress/就會進入我們的設定頁 最後你的WordPress在Mac本機端的架設就完成了~~~...

Monster Madness – 透過 Emscripten 建構 Web 遊戲

當你正在使用C++開發你的3D遊戲,C++已經被證實是可以橫跨最多遊戲裝置,但僅限於需要安裝遊戲的平台,但對於no-plugin, free-download的HTML5呢 HTML5的規格已經被廣為接受未來任何裝置都會把HTML5作為最通用的程式語言,包含desktop top-browser, mobile browser, standalone都能夠直接使用HTML5.如果現在什麼現有技術都沒有重新去使用HTML5打造新的3D遊戲是值得投資的事情,但是對於已有C++現有技術的公司而言,這樣的開發成本太大了.因此很多公司就會使用Emscripten來將C++轉成JavaScript. Trendy Entertainment 與 Nom Nom Games兩間工作室將現有用Unreal Engine 3所打造的遊戲 Monster Madness Online 將C++透過Emscripten及asm.js轉換到JavaScript成功支援HTML5. http://blog.mozilla.com.tw/posts/4541/monster-madness-creating-games-on-the-web-with-emscripten http://blog.mozilla.com.tw/posts/4557/monster-madness-creating-games-on-the-web-with-emscripten-2

Bring Hobbit to life with WebGL

The article introduces how to use ThreeJS to make a WebGL game which works well on desktop browsers and Android-Chrome. Some optimization approach we can refer!! This is so great, and this approach also could bring nice performance on 3D rendering engine. Use low-poly models Use low-res textures Reduce the number of drawcalls as much as possible by merging geometry Simplify materials and lighting Remove post effects and turn off antialiasing Optimise Javascript performance Render the WebGL canvas at half size and scale up with CSS Reference: http://www.html5rocks.com/en/tutorials/casestudies/hobbit/ http://middle-earth.thehobbit.com/trollshaw/experience

Design your mobile app using JQuery mobile preview tool

Image
http://jqmdesigner.appspot.com/designer.html

Get married II

Image
2013.11.16是我跟我老婆結婚宴客的日子。前一天我還跟我老妹測試我的收禮金系統,這次我要讓大家知道收禮金的時代需要革命,我的革命就是全面E化,就帶著我的Mac筆電出門了。 一到了會場,就發現老婆的新娘鞋忘了帶,趕緊拜託 小夫 再跑一趟載我回家拿鞋子...難道今天上回一直忘記放炮的伴郎 棠皓 還沒出現,就要開始出包了嗎? 化完妝就開始排演,結果影片出了問題,我的Mac就被徵召過去用...我花了兩天寫的收禮金系統宣告沒有表現的機會了...在此宣布收禮金E化的革命還準備好,大家還是乖乖用筆來記錄吧~~~(有興趣的人可以來這裡自己輸入禮金,但結果不予採納... https://script.google.com/macros/s/AKfycbyUlIWV-mDObQ-_XMXBbQdGRIPbDlpxhCoj65dn-u70j4Al0QM/exec ) 預演的我顯得有點緊張,走路都還不太會走。 這是我婚禮的布置!!! 大家還蠻稱讚這個場地。 爺爺坐著輪椅來我的婚宴,看得出來他真的很開心,我能傳達我對他的孝心的地方就只能透過親手幫他別上他的胸花了。 婚禮的影片都是我做的,每個都要花超過一個禮拜來做,不過字幕好像放太低了,賓客很多其實都看不到真對不起XD 整個婚宴的重點其實就是我們會來跳一段舞,從一來會場我老婆就說好緊張好緊張要跳舞,也是拉,整場婚禮我們都講不到話,唯一會互動的就是這個跳舞了。這個舞是拜託我老婆的好友羅老師幫忙教的,我們練習了三個多月,每個禮拜會練習一次,有時候想放棄,差點就不繼續練習了。 上台前,先趁我老婆換裝時,我每一桌都去拜託等等給個面子,幫忙去前面吆喝一下,指定伴郎為我的啦啦隊隊長~~他說:"伴郎紅包,跟啦啦隊隊長是分開計價的~~~",哈~~下次再多請你吃飯嘛!!! 多虧了,大家賣力的支持,讓我們小倆口有勇氣跳到最後,大家反應都還不錯。反應還蠻熱烈的,說真的~~在台上跳舞,如果反應是有互動的,跳起來其實都不會緊張了~~~ 後來新娘去換裝,我就一桌一桌先去敬酒道謝,感謝大家今天來光臨,跳舞時候的加油多多謝謝大家的支持了!!! 敬完了六七杯,開始有點失去觸覺麻麻的了。 送客的時候,其實我有點小醉,話有點多如果有說錯話真給大家不好意思,能夠看到很多不同時期照顧過我的好朋友,這...