顯示具有 遊戲程式 標籤的文章。 顯示所有文章
顯示具有 遊戲程式 標籤的文章。 顯示所有文章

[UI]Easing函數

Easing函數讓你可以指定動畫效果在執行時的速度,使其看起來更加真實。

真實的物體是照著一定的速度移動,不會一開始就移動很快 例如我們打開抽屜時,首先會加速,然後慢下來,又或是當某個物體由高處往下掉時,首先是越掉越快,撞到地上彈回,最後才又回到地板。

本頁可以在每次你需要時,幫助你找到想要的函數。
  1. http://easings.net/zh-tw#
  2. http://gizma.com/easing/
  3. https://jqueryui.com/easing/
  4. http://anicollection.github.io/#/
  5. http://matthewlein.com/ceaser/

[教學]透過網頁遊戲了解程式

CodeCombat

CodeCombat 是一個用 HTML5 建置的角色扮演遊戲,可以讓你理解基本的程式概念,支援 JavaScript、CoffeeScript、Lua、Python 五種語言,在遊戲中會練習到字串、變數、method invocation、vector drawing 等等概念。你是一名英雄過關斬將,寫程式解任務,第一關是 Kithard Dungon,如果你克服了,就能解鎖進入下一道關卡,並賺取經驗點數(XP)以加強英雄的能力。

Code Hunt

Code Hunt 是微軟開發的 HTML5 科幻主題遊戲。在這個遊戲裡面,你扮演程式獵人,負責修復程式,讓它恢復預期的結果,總共有 14 關等你解決。Code Hunt 包含 Java 與 C# 兩種語言,你可以學到算法(arithmetic)、迴圈(loops)、條件敘述(conditional expressions)等等。有興趣在課堂中導入這個遊戲的老師,也可以閱讀 Code Hunt Designer Manual 來擴充關卡。

CodinGame

別以為程式遊戲都是小孩子的玩意兒。CodinGame 就是一個很有挑戰性的大型套裝遊戲,如果你想精進程式技能,玩一下 CodinGame 就對了,這個遊戲裡面廣納 PHP、C、JavaScript 等 20 種語言,使用者介面功能強大,而且可以按照自己喜好調整。比如你能選擇程式編輯器風格,要 Emacs、Vim 或預設的 Classic 都行。
CodinGame 既能以單人模式進行,也能在多人模式中,與其他玩家一起解決問題。

Screeps

Screeps 是個專為 JavaScript 工程師設計的大型多人線上遊戲(MMO),這是一個開放世界的策略遊戲,你控制的單位稱作 creeps,必須編寫 JavaScript 控制 creeps(Screeps 就是 scripting 你的 creeps 的意思),以獲得資源或建立自己的領土,但你的 creeps 可能會被其他 creeps 包圍。
想進一步了解遊戲怎麼玩,來看看這份說明檔案。

FightCode

FightCode 的目標很簡單,創造出一個機器人,打敗其他人的機器人。這也是一個 JavaScript 遊戲,比方說,你可以用 .rotateCannon() 來旋轉機器人身上的大砲。在造出強悍不可摧毀、得以統治世界的機器人之前,一樣請先閱讀說明文件來學習怎麼寫出一個機器人。

CODE studio

一小時的程式設計課程。

[教學]CSS 語法

CSS 的全名為 Cascading Style Sheets,是一種樣式表 (Stylesheet) 語言。它的目的是為了對像 XHTML 及 HTML 之類的標記語言 (markup language) 提供一個顯示層。有了 CSS,我們就可以將資料層及顯示層分開:HTML 文件就只包括資料,而 CSS 則是告訴瀏覽器這些資料應該要如何顯現出來。

在不久前,只有站長需要懂得 CSS。可是,現在由於個人部落格的興起,CSS 已成為了一個眾人須知的電腦語言。無論您是自己設站寫部落格,或是您是利用 BSP (如無名、天空、Pixnet、Xuite、Blogger、及 Wordpress 等),甚至您已經從網路上CSS無名樣式分享的網站找到了您想要的 CSS 樣式,您都很有可能需要修改一下 CSS ,這樣子才能夠讓您的部落格有自己的特色。這個 CSS 語法教學,正是學習基礎 CSS 最佳的地方。

這個 CSS 語法教學分為以下三個部分:

基礎概念: 討論 CSS 的基礎概念,包括 語法、套用方式、串連的概念、繼承、Class 與 ID 選擇器、以及div 與 span 選擇器。
屬性: 討論常用到的 CSS 屬性。
CSS 樣式: 列出所有在這個教學中有提到的 CSS 屬性。
在您完成這個教學後,您將會了解 CSS 的基本概念,同時可以利用常見的 CSS 屬性來改變您網站的外觀。不論您是個經驗豐富的站長,或是才剛開始寫您第一個部落格,本站將會對您有很大的幫助。

請您現在將這個網站 加入『我的最愛』,以便以後隨時可以回來查詢。也請您 由這裡 來開始學習 CSS!

來至:http://www.1keydata.com/css-tutorial/tw/

[教學]SQL語法

無論您是一位 SQL 的新手,或是一位只是需要對 SQL 複習一下的資料倉儲業界老將, 您就來對地方了。這個 SQL 教材網站列出常用的 SQL 指令。這個網站包含以下幾個部分:

♦ SQL 指令: SQL 如何被用來 儲存、讀取、以及處理資料庫之中的資料。

♦ 表格處理: SQL 如何被用來處理 資料庫中的表格。

♦ 進階 SQL: 介紹 SQL 進階概念,以及如何用 SQL 來執行一些較複雜的運算。

♦ SQL 語法: 這一頁列出所有在這個 教材中被提到的 SQL 語法。

對於每一個指令,我們將會先列出及解釋這個指令的語法,然後用一個例子來讓讀者瞭解這個 指令是如何被運用的。當您讀完了這個網站的所有教材後,您將對 SQL 的語法會有一個大致上的瞭解。 另外,您將能夠正確地運用 SQL 來由資料庫中獲取資訊。筆者本身的經驗是,雖然要對 SQL 有很透徹的 瞭解並不是一朝一夕可以完成的,可是要對 SQL 有個基本的瞭解並不難。希望在看完這個網站後,您也 會有同樣的想法。

請您現在將這個網站加入『我的最愛』,以便以後隨時可以回來查詢。 也請您 由這裡 來開始學習 SQL!

若您有在教有關 SQL 或是資料庫之類的課程的話,歡迎您連接此網站,做為輔助之用。

來至:http://www.1keydata.com/tw/sql/sql.html