ニュース
» 2015年08月03日 16時51分 公開

これでみんないつでも描けるね! 東京五輪エンブレムのコードがオープンソースに

「Processing」を用いて再現しています。

[太田智美,ねとらぼ]

 何かと話題の東京五輪エンブレムですが、そのエンブレムのコードを書いてオープンソース化する人物が現れました。

size(600, 600);
background(255);
noStroke();
float a = 200;
fill(#FFD700);
rect(0, 0, a, a);
fill(#808080);
rect(2*a, 2*a, 3*a, 3*a);
ellipseMode(RADIUS);
float r = sqrt(1.5*1.5+0.5*0.5)*a;
fill(#FFFFFF);
ellipse(1.5*a, 1.5*a, r, r);
fill(#000000);
rect(a, 0, a, 3*a);
fill(#FF0000);
ellipse(2.5*a, 0.5*a, 0.5*a, 0.5*a);

画像 東京五輪エンブレム

画像

 作ったのは、akihiro kubota(@hemokosa)さん。ビジュアルデザインなどの分野に特化したプログラミング言語「Processing」を用いて再現しました。

 しかもこれ、白と黒を入れ替えたパラリンピックのエンブレムにするには、3行変えればOK! これでいつでもすぐに東京五輪エンブレムを描くことができます。やったー!

size(600, 600);
background(0);
noStroke();
float a = 200;
fill(#FFD700);
rect(0, 0, a, a);
fill(#808080);
rect(2*a, 2*a, 3*a, 3*a);
ellipseMode(RADIUS);
float r = sqrt(1.5*1.5+0.5*0.5)*a;
fill(#000000);
ellipse(1.5*a, 1.5*a, r, r);
fill(#FFFFFF);
rect(a, 0, a, 3*a);
fill(#FF0000);
ellipse(2.5*a, 0.5*a, 0.5*a, 0.5*a);

画像 パラリンピックのエンブレム

 ちなみに、XMLベースの「SVG(d3.js)」バージョンを書く人も。今日も日本は平和です。

太田智美

Copyright © ITmedia, Inc. All Rights Reserved.

先週の総合アクセスTOP10

  1. 「訃報」「愛猫」「手風琴」って読める? 常用漢字表に掲載されている“難読漢字”
  2. 嫌がらせ急ブレーキで追突 トラクターの進路を妨害した「あおり運転」ベンツ、ぶつけられたと運転手がブチギレ
  3. 猫「雪なんてへっちゃらニャー!」 雪の中を豪快に突き進む猫ちゃんに「ラッセル車みたい」「ワイルドかわいい」の声
  4. 「Lチキひとつ」 → 買った物をよくみると? コンビニで犯したありがちな間違いを描いた4コマに「あるある」「逆もある」
  5. 柴犬「きゃほほーーい!!」 初めての雪に“喜びが限界突破した”ワンコの駆け回る姿がかわいい
  6. 「ホント太るのって簡単!」「あっという間に70キロ」 内山信二の妻、夫に生活リズムを合わせた“ふとっちょ時代”公開
  7. ルーフから赤色灯がひょっこり 埼玉県警、スバル「WRX S4」覆面パトカー3台を追加導入!? Twitterにアップされた目撃情報が話題に
  8. 益若つばさ、YouTubeで12歳息子と共演 礼儀正しい振る舞いに「教育がちゃんとされてる」
  9. トップの座を奪われ……美大生が天才の編入生を刺し“殺す”漫画に「泣きそう」「同じ経験した」の声
  10. タイからバズーカ砲をかかかえたようなミニバイク「GUNNER50」が日本上陸 思わずキュンと来ちゃうやばいデザイン