CodeZine（コードジン）

HTML Canvasの3D対応への道を探る

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...
note

Canvas+JavaScriptで多角形／星型多角形を描いた話

JavaScriptとCanvasの練習がてら、多角形／星形多角形を描いて遊びました。 具体的には下記を実装してみました。 ・円と線分を描く ・1秒ごとに頂点の数を増やす ・隣の頂点と繋ぐ／隣の隣と繋ぐ…とN個飛ばしで頂点をつなげるようにする 頂点0個飛ばし ...
note

やっぱり。JavaScript！- Canvasで時計(1)

上記サイトを参考に時計を作っていきます。まずは外観からですが、基本のHTMLは <!DOCTYPE html> <html> <head> <meta charset="utf-8 ...
ASCII.jp

HTML5のcanvasで作る画像フィルター (1/6)

※この記事は「古籏一浩のJavaScriptラボ」の第14回です。過去の記事も合わせてご覧ください。 現在の主要なWebブラウザーには、グラフィックを自由に描画できる「canvas」機能が用意されています（Internet Explorerを除く）。canvasは、W3C（World Wide Web Consortium）で ...
マイナビニュース

HTML5 Canvasで画像を白黒化する方法

HTML5 Canvas Image Effects: Black & White - SpyreStudiosにおいて、HTML5のCanvas機能を使って画像を読み込み、さらにその画像を白黒画像に変換して表示する方法が紹介されている。Canvasを使ってどのように画像加工処理を実施するかのテンプレートとして参考になる。
窓の杜

「JavaScript」を使用したブラウザゲームの作り方を解説した入門書が ...

（株）インプレスは12月20日、書籍『ゲームで学ぶJavaScript入門 増補改訂版～ブラウザゲームづくりでHTML＆CSSも身につく！』（著：田中賢一郎氏）を発売した。価格は、紙書籍版が2,640円、電子書籍（Kindle）版が2,376円。 本書は、プログラミング言語「JavaScript ...