Typed arrays - Binary data in the browser | Articles | web.dev
Typed arrays - Binary data in the browser Stay organized with collections Save and categorize content based on your preferences. Introduction Typed Arrays are a relatively recent addition to browsers, born out of the need to have an efficient way to handle binary data in WebGL. A Typed Array is a slab of memory with a typed view into it, much like how arrays work in C. Because a Typed Array is bac
HTML5の3D表現を身につけよう！簡単なJSではじめるWebGL版Away3D入門 - ICS MEDIA
Away3D TypeScriptはHTMLの3D技術「WebGL」を扱いやすくしたフレームワークです。個人ブログ（HTML5で3Dを実現する本格派WebGLフレームワーク、Away3D TypeScriptの公式デモ)で紹介したようにAway3Dを使えばGPUによる本格的な3D表現をプラグイン無しで作成できます。 そこで、初級者にもやさしいAway3D TypeScript(以下、Away3D)チュートリアルをはじめてみることにしました。必要となるスキルレベルは、JavaScriptの入門書を一冊読み終えたぐらいを想定してます。Away3DはJavaScriptやTypeScriptのどちらでも利用できますが、本連載ではJavaScriptで解説します。 この記事について AwayJSは活発に開発されていないため、本サイトとしては利用は推奨しません。WebGLを活用したい方は、Three
『Three.jsとBlenderによるWebGL』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 初めまして。 html5、javascript、flashなどのクライアント開発を メインに担当しております、 菅家(@KA_ka_YY)と申します。 弊社3月に行われました、エンジニア、デザイナーを対象とした アプリコンテストというイベントにて WebGLを使用した野球盤ゲームを作成しました。 その際利用したThree.js（WebGLのjavascriptライブラリ）を用いた WebGLの使用方法を紹介させていただこうと思います。 （1）レンダリングまずは Blender というフリーの3Dモデリングソフトで 以下のようなキャラクターを作りました
VOXEL ARTICLE - voxel
Slot online games have become increasingly popular in recent years, offering a thrilling and convenient way to indulge in the excitement of gambling from the comfort of your own home. With a wide variety of themes, vibrant graphics, and the potential for big wins, online slot games provide endless entertainment…
JavaScriptとWebGLベースの3Dゲーム構築ツール「Voxel.js」 | OSDN Magazine
JavaScriptおよびWebGLを利用する3Dゲーム制作ライブラリ「voxel.js」が公開された。2012年末にスタートしたプロジェクトで、「Minecraft」のようなブロックゲームを容易に作成できるという。現在活発な開発が行われている。 voxel.jsはMax Ogden氏とJames Halliday氏が開始したプロジェクト。Ogden氏もHalliday氏もともにゲーム開発者ではなく、楽しく、シンプルに、容易にゲームを作成できることを目指しているという。 voxel.jsではJavaScriptベースの3Dレンダリングエンジン「three.js」やWebブラウザ上で3Dグラフィックの表示を行うWebGLなどを利用する。メインモジュールとなる「voxel-engine」やボクセルデータなどを生成する「voxel」、3Dメッシュとしての表示を行う「voxel-mesh」といった
WebGL and Three.js
Colin Barre-Brisebois - GDC 2011 - Approximating Translucency for a Fast, Che...Colin Barré-Brisebois
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（２／３）～
本稿では新しいWEBページ用の言語であるHTML5＋WebGLを利用して、 ウェブブラウザ上で、物理シミュレーションの計算と描画をリアルタイムに実行する「物理シミュレータ」の作成までの手順を記述します。 本稿では、物理シミュレータの例として、任意の初期条件に対する２重振り子の時間発展を４次のルンゲクッタ法を計算する「２重振子シミュレータ」を構築します。また、本稿では WebGL を簡単に利用することができるWebGLライブラリとして著名な Three.js を用いています。 物理や工学とは無関係に、初めて Three.js を利用する人がチュートリアルとしても利用できることも意図しております。 パート１では、主に Three.js の使い方について触れました。 パート２では、拘束力のある運動の代表例である単振子を取り上げ、物理演算結果のリアルタイム描画＋物理量の時間発展の様子をグラフ化しま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
