【Javascript】って扱えないの？【Graphics】
答え：扱えます。
ライブラリがあります。
http://www.karlson.ru/jsgraphics/html/index.html
graphics.js
http://www.karlson.ru/jsgraphics/graphics.js
サンプル：
アナログ時計
http://s1.etowns.slyip.net/~sachjo/clock2.html
為替チャートのランダムウォーク理論の実装
http://s1.etowns.slyip.net/~sachjo/chart4.html
モンテカルロシミュレーションによるPIの算出
http://s1.etowns.slyip.net/~sachjo/circle2.html
ラインアートならぬドットアート
http://s1.etowns.slyip.net/~sachjo/dot_art.html
フラクタル：マンデルブロ集合の表示
http://s1.etowns.slyip.net/~sachjo/Mandelbrot.html
パソコンの能力は必要ですが、
ソースコードはシンプルです。
あなたもJavascriptでグラフィック処理やってみませんか？
ライブラリがあります。
http://www.karlson.ru/jsgraphics/html/index.html
graphics.js
http://www.karlson.ru/jsgraphics/graphics.js
サンプル：
アナログ時計
http://s1.etowns.slyip.net/~sachjo/clock2.html
為替チャートのランダムウォーク理論の実装
http://s1.etowns.slyip.net/~sachjo/chart4.html
モンテカルロシミュレーションによるPIの算出
http://s1.etowns.slyip.net/~sachjo/circle2.html
ラインアートならぬドットアート
http://s1.etowns.slyip.net/~sachjo/dot_art.html
フラクタル：マンデルブロ集合の表示
http://s1.etowns.slyip.net/~sachjo/Mandelbrot.html
パソコンの能力は必要ですが、
ソースコードはシンプルです。
あなたもJavascriptでグラフィック処理やってみませんか？
サンプルコード
http://s1.etowns.slyip.net/~sachjo/flash.html
ランダムカラーで塗りつぶすサンプル
<html>
<head>
<title>JavaScriptGraphics</title>
<style type="text/css">
<!--
input.active {
border-width: 1;
border-style: solid;
border-color: #000000;
}
input.passive {
color: #C0C0C0;
border-width: 0;
border-style: solid;
border-color: #000000;
}
-->
</style>
<script type="text/javascript" src="./graphics.js"></script>
<script type="text/javascript">
<!--
// Usage examples
http://s1.etowns.slyip.net/~sachjo/flash.html
ランダムカラーで塗りつぶすサンプル
<html>
<head>
<title>JavaScriptGraphics</title>
<style type="text/css">
<!--
input.active {
border-width: 1;
border-style: solid;
border-color: #000000;
}
input.passive {
color: #C0C0C0;
border-width: 0;
border-style: solid;
border-color: #000000;
}
-->
</style>
<script type="text/javascript" src="./graphics.js"></script>
<script type="text/javascript">
<!--
// Usage examples
var black = Color.htmltoint('#000000');
var gc = new GCanvas(102,102,white,1);
var HTMLoutput = new GHTMLOutput();
plot_runs = 0;
step = Math.round(white/30);
sc = 0;
cin = 0;
count = 0;
gc.clear();
gc.fill(50,50,black);
function plot() {
color24 = (parseInt(Math.random()*256) << 16) + (parseInt(Math.random()*256) << 8) + parseInt(Math.random()*256)
gc.fill(50,50,color24);
HTMLoutput.setup(this.document,'plot');
HTMLoutput.print(gc);
if (plot_runs == 1) {setTimeout('plot()', 1);}
}
// -->
</script>
</head>
<body onLoad="return true;">
<h5>flash</h5>
<form>
<input type="button" value="Start!" name="start_plot" class="active" onClick="if (plot_runs==0) {
this.form.start_plot.className='passive'; this.form.stop_plot.className='active'; plot_runs=1; plot(); }">
<input type="button" value="Stop!" name="stop_plot" class="passive"
onClick="this.form.start_plot.className='active'; this.form.stop_plot.className='passive'; plot_runs=0;">
</form>
<div id="plot" style="position:relative;top:0;left:0;height:101;width:102;">[plot]</div></td>
<div id="id123">test</div>
</body>
</html>
var gc = new GCanvas(102,102,white,1);
var HTMLoutput = new GHTMLOutput();
plot_runs = 0;
step = Math.round(white/30);
sc = 0;
cin = 0;
count = 0;
gc.clear();
gc.fill(50,50,black);
function plot() {
color24 = (parseInt(Math.random()*256) << 16) + (parseInt(Math.random()*256) << 8) + parseInt(Math.random()*256)
gc.fill(50,50,color24);
HTMLoutput.setup(this.document,'plot');
HTMLoutput.print(gc);
if (plot_runs == 1) {setTimeout('plot()', 1);}
}
// -->
</script>
</head>
<body onLoad="return true;">
<h5>flash</h5>
<form>
<input type="button" value="Start!" name="start_plot" class="active" onClick="if (plot_runs==0) {
this.form.start_plot.className='passive'; this.form.stop_plot.className='active'; plot_runs=1; plot(); }">
<input type="button" value="Stop!" name="stop_plot" class="passive"
onClick="this.form.start_plot.className='active'; this.form.stop_plot.className='passive'; plot_runs=0;">
</form>
<div id="plot" style="position:relative;top:0;left:0;height:101;width:102;">[plot]</div></td>
<div id="id123">test</div>
</body>
</html>
5 ：１です：2010/07/06(火) 23:30:09 ID:v3k+IynG
何か質問とか興味わいたとかあったら[email protected]にメール送ってください。。
もちろんこのスレに書いてもらうのは大歓迎です
もちろんこのスレに書いてもらうのは大歓迎です
Firefoxだとまともに動きませんね。
早く宿題やって寝なさい。
もう変なスレを立てては駄目ですよ。
早く宿題やって寝なさい。
もう変なスレを立てては駄目ですよ。
今時DOMでお絵かきかよ…
マジで10年遅れてるぞ
CanvasとSVGについて調べましょうね
マジで10年遅れてるぞ
CanvasとSVGについて調べましょうね
一応Canvas使って作り直しました。
何かIEとFirefoxで動いたりうごかなかったりですが
為替チャートのランダムウォーク理論の実装
http://sachjo.pa.land.to/canvas/chart.htm
モンテカルロシミュレーションによるPIの算出
http://sachjo.pa.land.to/canvas/circle.htm
ラインアートならぬドットアート
http://sachjo.pa.land.to/canvas/dot_art%202.htm
フラクタル：マンデルブロ集合の表示
http://sachjo.pa.land.to/canvas/manderblot.htm
何かIEとFirefoxで動いたりうごかなかったりですが
為替チャートのランダムウォーク理論の実装
http://sachjo.pa.land.to/canvas/chart.htm
モンテカルロシミュレーションによるPIの算出
http://sachjo.pa.land.to/canvas/circle.htm
ラインアートならぬドットアート
http://sachjo.pa.land.to/canvas/dot_art%202.htm
フラクタル：マンデルブロ集合の表示
http://sachjo.pa.land.to/canvas/manderblot.htm
GoogleChromeは、早い段階でAcid3テストに合格したりして
すげえ印章があるんだけど、
実は細かい部分で手を抜いてるから（createRadialGrad()の引数無視とか）
なんか肩透かし食らったような気になるよな。
広い目でみりゃ、どれもこれもほぼ合格点なんだけどね。IE以外は。。。
すげえ印章があるんだけど、
実は細かい部分で手を抜いてるから（createRadialGrad()の引数無視とか）
なんか肩透かし食らったような気になるよな。
広い目でみりゃ、どれもこれもほぼ合格点なんだけどね。IE以外は。。。