派生自: phi 投稿的 canvas のサイズを画面いっぱいにしてみよう - tmlib.js 怒濤の 100 サンプル!! 查看差别 (12)

派生
94
收藏
0
浏览量
21324
  • 播放

全屏查看

智能机大小查看

派生树

  • Readme
  • JavaScript 28 行
  • HTML 1 行
  • CSS 1 行

tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編

tmlib.js のハッカソンイベントをやることになりました!!
っということでそれまでにバンバン tmlib.js のエントリーを投稿していこうと思います.

今回はその第一弾! Graphics(HTML5 Canvas) 編です.
このサイトでお馴染みの怒濤シリーズ. tmlib.js の Graphics 周りの機能についてのサンプルを作りまくってみました.

tmlib.js で定義されている tm.graphics.Canvas クラスは HTML5 Canvas を拡張したものなので HTML5 Canvas の機能は基本的にそのまま使えます.
なので HTML5 Canvas の勉強にもなるかと思います.

また, それに加え星型や多角形といった複雑な図形を簡単に描画したり, モノクロフィルタやブラーフィルタを掛けて遊んだりってことができます.
ゲームへの応用も簡単にできます.(ゲームへの応用は次回やる Application 編で詳しく説明します)

Links

  • canvas を画面にフィットさせよう(解像度は固定) - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編
  • tmlib.js v0.1.3
  • canvas を画面にフィットさせよう(解像度は固定) - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編

play

成功!

描述 是怎样的游戏?

控制设备

jsdo.it websocket controller

Mouse

keyboard

smartphone

全屏

phi

作者信息

  • Twitter
  • Github

ゲームプログラマやりながら執筆してる27歳. phina.js(tmlib.js) というライブラリ作ってます. 著書「enchant.js スマートフォンゲーム開発講座」 『日本国民全員プログラマ化計画』進行中 Math/JavaScript/HTML5/CSS3/Python/C/C++/C#/Java

Blog http://phiary.me

默认面板

部件尺寸

  • 宽度: px
  • 高度: px

部件代码

QR Code

讨论区

试着提些关于代码的问题!

标签

派生作品

排序