読者です 読者をやめる 読者になる 読者になる

CX's Hatena Blog

はてなブログを使ってみるテスト

Microsoft Edge で SIMD を試してみる

Microsoft Edge では、SIMD(Single Instruction Multiple Data) をサポートしており、うまく活用すると、かなりの高速化が見込めるようです。 Microsoft Edge、Intelと共同開発のSIMD活用で高速処理を実現news.mynavi.jp ちょうど、JavaScript の 3D グラフ…

jsdo.it 2年目を振り返ってみる

jsdo.it を使い始めて早2年。気が付いたらコード投稿数が1000本を超えてました。 せっかくなので、少し振り返ってみたいと思います。 WebGL WebGL は難しいという話をよく聞くので、ライブラリ無しでどれだけ頑張れるか試してみました。 自分が試してみた限…

Three.js + Oimo.js で物理演算してみるテスト

WebGL アドベントカレンダーということで、今日は、3D 物理演算のライブラリ「Oimo.js」を紹介したいと思います。 以前、Three.js + Cannon.js でゴゴゴとドドドを物理演算してみるテストにて、少し紹介しましたが、有名どころの JavaScript の 3D 物理演算…

CodePen.io に投稿してみるテスト

海外サイトですが CodePen.io というサイトをご存じでしょうか。 ジャンル的には「プログラミングによるお絵かき投稿サイト」でしょうか。日本の同ジャンルのサイトだと jsdo.it が有名ですかね。 ちなみに、規模的には、jsdo.it が 20万作品、codepen.io が…

JavaScript で流体シミュレーションを試してみるテスト

最近、Google から物理エンジンに関して面白そうなライブラリが登場したようなので jsdo.it で試してみました。 Googleがオープンソースの2D物理エンジンLiquidFun 1.1をリリース このライブラリは「Box2D」(2D の物理エンジンライブラリ)に、流体シミュレ…

Three.js + Cannon.js でゴゴゴとドドドを物理演算してみるテスト

以前、2D 物理演算でゴゴゴとドドドを落下させてみましたが、3D 物理演算でも試してみました。 JavaScript の 3D 物理演算ライブラリとして ammo.js(Demo) Cannon.js(Demo) oimo.js(Demo) あたりが有名なようです。 今回は、Cannon.js を使ってみまし…

PlayCanvas のホスティングサービスを使ってみるテスト

昨日、紹介した Mozilla の PlayCanvas ですが、GitHub のようなホスティングサービスも提供しているとのことだったので試してみました。 1. サービスにログインする サービスを使用するにあたってログインが必要です。 ログインは、Google+ または E-mail …

PlayCanvas Engine で物理演算を試してみるテスト

先日、Mozilla からゲーム用 JavaScriptライブラリ「PlayCanvas Engine」がリリースとのニュースがあったので、試してみました。 物理演算エンジン自体は「Ammo.js」を用いているようです。 サンプルを実行してみる ■ RIGIDBODY PHYSICS - FALLING SHAPES ht…

Matter.js でゴゴゴとドドドを物理演算してみるテスト

ここ数日、2D 物理演算がマイブームです。 JavaScript の 2D 物理演算ライブラリとして「box2dweb」をサンプルをよく見かけますが、 シェイプと剛体を個別に作成する必要があり、個人的には、ちょっと使いにくい印象です。 そこで、比較的、最近登場した物理…

新PC到着

4/末に注文していた某ショップブランドの PC が、予定より数日早く届きました。 ちょっと、うれしかったので、three.js で PC の段ボール箱を回転させてみました(笑) 新 PC の段ボール箱(イメージ) 本当は、箱を開けるアニメーションとかもしてみたかっ…

最近の家のPCの様子

最近、家のメイン PC の調子が宜しくないので、原因を調べてみました。 家の PC の様子(再現) JavaScript で再現してみました。(アニメGIF でなく HTML5 Canvas でプログレスを描画していますw) CrystalDiskInfo 実行結果 HDD の調子が宜しくないような…

こいのぼりをBOIDシミュレーションで泳がせてみるテスト

GWということで、こいのぼりを題材にした作品を jsdo.it で作ってみました。 と、言っても、元の作品の絵柄を差し替えただけですが。。。 1種類では少し寂しいので、いろいろ放流してみました。 以下は、Three.js を利用した 3D バージョンです。 (CanvasR…

jsdo.it で試してみたライブラリの一覧

昨日の記事の続きです。 jsdo.it を1年間続けて分かったこと - CX's Hatena Blog jsdo.it で試してみたライブラリをカテゴリ別にまとめてみました。 「→」にあるリンクは各ライブラリに対するサンプルになります。 2D(Canvas 系) Pixi.js https://github.…

jsdo.it を1年間続けて分かったこと

ドット絵は進化するようです。 「2次元」→「2次元+物理演算」→「2.5次元」→「3次元」→「3次元+物理演算」 2次元 2次元+物理演算 2.5次元 3次元 3次元+物理演算 その他の次元(0次元とか1次元とか) まとめ ということで、1年を通して jsdo.it で色々な…

SVG で某試験の解答を描いてみるテスト

春の某試験に向けて勉強をしているのですが、息抜きに、SVG を使って、問題の解答を描いて見ました。 1.素の SVG で図を描いてみる 2.ライブラリ+JavaScript を用いてアニメーションさせてみる なお、ライブラリとして Snap.svg - Home を使用してみました…

Windows ストアアプリ版「空耳メーカー」を窓の杜に掲載して頂きました。

昨年、Windows 8.1 用に作った初めてのストアアプリ「空耳メーカー」が、窓の杜にて紹介されていました(^^;; 【レビュー】日本語テキストを英語でそれらしく読み上げるWindows ストアアプリ「空耳メーカー」 - 窓の杜 窓の杜に載ったのは、はじめてなので、…

スポットライトでドット絵を描いてみるテスト

初心者でも絶対わかる、WebGLプログラミング<three.js最初の一歩> | HTML5Experts.jp @yomotsu さんの three.js の記事(分かりやすい!)に触発されて、個人的に苦手分野の光源について試してみました。 プログラム概要 1.ドット絵を用意する 2.スポット…

Away3D で地球を回してみるテスト

○○ で地球を回してみるシリーズ。 今回日程 シリーズ構成言語 1日目OpenGL で地球を回してみるテスト C/C++ 2日目DirectX で地球を回してみるテスト C/C++ 3日目Java 3D で地球を回してみるテスト Java 4日目WebGL で地球を回してみるテスト JavaScript …

CubicVR.js で地球を回してみるテスト

○○ で地球を回してみるシリーズ。 今回日程 シリーズ構成言語 1日目OpenGL で地球を回してみるテスト C/C++ 2日目DirectX で地球を回してみるテスト C/C++ 3日目Java 3D で地球を回してみるテスト Java 4日目WebGL で地球を回してみるテスト JavaScript …

PhiloGL で地球を回してみるテスト

○○ で地球を回してみるシリーズ。 今回日程 シリーズ構成言語 1日目OpenGL で地球を回してみるテスト C/C++ 2日目DirectX で地球を回してみるテスト C/C++ 3日目Java 3D で地球を回してみるテスト Java 4日目WebGL で地球を回してみるテスト JavaScript …

gl.enchant.js で地球を回してみるテスト

○○ で地球を回してみるシリーズ。 今回日程 シリーズ構成言語 1日目OpenGL で地球を回してみるテスト C/C++ 2日目DirectX で地球を回してみるテスト C/C++ 3日目Java 3D で地球を回してみるテスト Java 4日目WebGL で地球を回してみるテスト JavaScript …

Babylon.js で地球を回してみるテスト

○○で地球を回してみるシリーズ。 今回日程 シリーズ構成言語 1日目OpenGL で地球を回してみるテスト C/C++ 2日目DirectX で地球を回してみるテスト C/C++ 3日目Java 3D で地球を回してみるテスト Java 4日目WebGL で地球を回してみるテスト JavaScript …

HTML5 + WebGL で年賀状のようなものを作ってみるテスト

来年は午年ということで、WebGL で馬を回転させてみました。 IE11 など WebGL 対応ブラウザでご覧ください! 追記 jsdo.it のユーザーランキング(デイリー)で1位を取ること出来ました。 単に投稿者が少ないだけという話もありますが(^^;;、個人的に幸先の…

Windows ストアアプリのダウンロード数を確認してみる

公開された Windows ストアアプリのダウンロード数は開発者アカウントのダッシュボードというところから確認が可能です。 先日、締め切られた、コンテストの最終日(12/8)に、急激な伸びがあったことを確認することができました。 ■ 空耳スピーカー http://…

Windows ストアアプリ3本目

Windows ストアアプリ3本目です。 再審査で、なんとか公開にこぎつけました。 ■ 空耳スピーカー http://apps.microsoft.com/windows/app/73d904be-05ea-43c6-b6fd-c5c35dbd23b0 空耳スピーカー - YouTube 説明: 空耳スピーカーは、入力した日本語を英語訛…

Windows ストアアプリ2本目

ストアアプリの2本目を作ってみました。 審査にかかった時間は3時間程度でした。 このアプリは「お酒」→「おさけ」→「点字」のように「漢字」を「ひらがな」にしたのち「点字」に変換します。 「漢字」→「ひらがな」変換は「Yahoo! テキスト解析:ルビ振りA…

初めての Windows ストアアプリがストアに公開されました

昨日の 初めての Windows ストアアプリは案の定、リジェクトでした。。。 - CX's Hatena Blog の件ですが、再申請を行ったところ、無事、公開までこぎつけました。 設定チャームへのプライバシーポリシーの記載を行っていなかったことが問題だったようです。…

Microsoft Visual Studio Express 2013 for Windows をインストールしてみる

1週間ほど前ですが、Visual Studio 2013 の正式版が公開されました。 Microsoft、「Visual Studio 2013」「.NET Framework 4.5.1」を正式公開 - 窓の杜 製品版はさておき、無償版(Express 版)としては、以下のようなエディションがあるようです。 名称 用…

Windows 標準コンポーネント最速マスター

Windows/Office武勇伝 <開発者グループOPEN記念> Windows 標準コンポーネントの一覧です。他の言語をある程度知っている人はこれを読めば Windows 標準コンポーネントをマスターして Windows プログラミングが書けるようになるかもしれません。 主に、VBSc…

はてなブログに jsdo.it のブログパーツを貼り付けてみるテスト

はてなブログで JavaScript を使ってみるテスト(その3)

はてなブログで HTML5 + WebGL(Three.js)を使ってみるテスト。 IE11 であれば WebGL が使えるはずですが、はてなブログの内部で、以下のIE互換モードが指定がされている為に、表示してくれないようです。。。 <meta http-equiv="X-UA-Compatible" content="IE=7; IE=9; IE=10" /> ソース <meta http-equiv="X-UA-Compatible" content="IE=edge"> </meta></meta>

はてなブログで JavaScript を使ってみるテスト(その2)

はてなブログ内で HTML5 + Canvas が使えるかのテスト。 ソース <canvas id="world-20130911-001" width="440" height="440"></canvas> <script type="text/javascript"> var X_MAX = 440; var Y_MAX = 440; var R = 220; function draw() { var canvas = document.getElementById("Canvas"); var ctx = canvas.getContext("2d"); drawScreen( ct…

はてなブログで JavaScript を使ってみるテスト(その1)

はてなブログは、JavaScript が貼り付けられるようですね。なかなか興味深いです。 あと、ソースコードの表示には、Markdown 記法を使ってみました。でもシンタックスハイライトもしてくれるようです。 ソースコード <script type="text/javascript"> document.write("Hello World!!"); </script> 実…