約 3,435,691 件
https://w.atwiki.jp/opencanvas/pages/14.html
現在編集中です システム・プロダクト株式会社が開発、販売を行っているお絵かきソフト。 現行のバージョンはopenCanvas5 ver5.1.04です。(2011/08 /02 現在) 作成した画像は独自形式のoes形式で保存する事により、画像の制作工程を記録することが可能。 また、記録されたファイルはイベントファイルと呼ばれ、同社の運営しているコミュニティーにイベントファイルの投稿か可能で、投稿されているイベントファイルをダウンロードして再生することが可能。 ソフトに関しての詳細については公式サイトでどーぞ。 ユーザーの声等、youtubeで一部のイベントファイルが見られる。 openCanvasとCOMICART CG illustの違いについて 見た目も中身も殆ど同じなのに名前が違う二つのソフト。 ぶっちゃけ中身は殆ど同じです。 以下、相違点と共通点を纏めてみました。 openCanvas5 ソフト名称 DELETER CGillust NEO システム・プロダクト株式会社 発売元 サポート デリーター株式会社 5,800円 アップグレード2,700円 価格 6,640円 ダウンロード販売なのでメディア等無し。 サンプルファイルはコミュニティーから好きなファイルをダウンロード。 パッケージ 箱、CD-ROMとマニュアル類 ペーパーマニュアルなし。 ソフトのヘルプあり。 マニュアル ペーパーマニュアルあり 初期状態23種類 網とか線とか基本的な物は押さえてある感じ トーン デリータのトーン100種類。 サポート元から同人原稿用のトンボのダウンロードが可能なようです Windows7・Vista・XP (64bit環境動作確認済) 対応ＯＳ Windows7・Vista・XP (64bit環境動作確認済) ポタグラ コミュニティー ※ポタグラに統合 ver5.1.04（2011/08/02現在） 最新版が出るのはoCのほうが格段に早い 現在のバージョン CGillustNEO_5_1_02（2011.06.23現在）
https://w.atwiki.jp/opencanvas/pages/27.html
opencanvas@ウィキに対する質問、または雑談などはこちらでどうぞ！ 名前 コメント すべてのコメントを見る 覚えたての者です 「ねじる」って・・最新じゃ無いけど（＋＋） それに近いことってできないかな？ -- (akuru) 2009-12-05 20 52 05 またしてもメモです。oC3と4.5では、影響度他の挙動が違います。 -- (藤居) 2006-10-13 17 43 05 オプションウィンドウのメモです。===2番目（周辺色の影響度） 他の数値を0にしていると、変化があるのはこの項目のみ。透明レイヤであっても、背景色をベースに変化するようだ。-- (藤居) 2006-10-13 17 37 44 ログオフ書き込みテスト。 テスト。 -- (tanokula) 2006-10-12 23 04 43 ついでに、編集権限と閲覧者をメンバーのみに変更しておきました。-- (tanokula) 2006-10-10 11 47 00 すいません。 ちょっとコメントいれにくいので新しくつくってみました。 -- (tanokula) 2006-10-10 11 43 03
https://w.atwiki.jp/opencanvas/
opencanvas@wikiへようこそ opencanvas@wikiはopenCanvasの操作などに関する情報交換のためのページです。 opencanvas@wikiは今のところメンバーのみ編集することができます。 ただしページの新規作成に関してはメンバー以外でも登録可能です。 ただ、一度登録を行っているページに関してはメンバー以外の編集ができません。 opencanvas@wikiは現在絶賛テスト運営中 です。 お見苦しいとは思いますがご容赦ください。 また、Wikiの内容を編集作成に参加していただける方も絶賛募集中です。 opencanvas@wikiの内容や、増やして欲しい項目がある場合はopencanvas@ウィキ：掲示板に書き込みをお願いします。 2009/06/02 カスタムトーン カスタムブラシ置き場の権限を変更しました。 画像のアップロードは自由に出来るようになっております。 ただし、削除はできない設定ですので削除が必要な場合は管理者にご連絡をお願い致します。 今のところ、情報が少ないためあまり使う頻度は少ないと思われますがサイト内検索を用意しておきましたのでご利用ください。 検索 -
https://w.atwiki.jp/opencanvas/pages/3.html
サイトマップ（仮称） トップページ openCanvas 関連 ■ openCanvas ├ openCanvasとは？ ├ oCのダウンロードとインストール └ 操作マニュアル ■ 困ったときは ├ 困った時は…ソフト編 └ 困った時は…コミュニティー投稿編 ■ 良くある質問・小技集 ├ ＦＡＱ ├ Ｔｉｐｓ └ フィルタ関連Ｔｉｐｓ ■ 素材置き場 ├ カスタムトーン置き場 └ カスタムブラシ置き場 ◆ 掲示板 [ opencanvas @ ウィキ ] での編集について 編集者用 掲示板（お絵かき可） 編集用テストページ 更新履歴 取得中です。 @wiki 操作関連 @wiki FAQ @wiki 初心者講座 @wiki マニュアル @wiki 便利ツール @wiki
https://w.atwiki.jp/opencanvas/pages/2.html
メニュー トップページ メニュー サイトマップ（仮） ■ openCanvas openCanvasとは？ oCのダウンロードとインストール 操作マニュアル 目次 4.5シリーズ 操作簡易説明 レイヤーの合成モード一覧 ■ 困ったときは ├ 困った時は…ソフト編 └ 困った時は…コミュニティー投稿編 ■ 良くある質問・小技集 ├ ＦＡＱ ├ Ｔｉｐｓ └ フィルタ関連Ｔｉｐｓ ■ 素材置き場 ├ カスタムトーン置き場 └ カスタムブラシ置き場 ◆ 掲示板 更新履歴 取得中です。 ■ opencanvas @ ウィキ └ 編集者用掲示板 @wiki FAQ @wiki 初心者講座 @wiki マニュアル @wiki 便利ツール @wiki
https://w.atwiki.jp/opencanvas/pages/36.html
openCanvasに関してのリンク集です。 openCanvas1.1 ネットワーク接続方法について説明されているページ。 クライアント側からの接続方法と、サーバー側の設定などのおおまかな流れが解説されています。 http //hive.itbdns.com/~sekia/ocnet/
https://w.atwiki.jp/opencanvas/pages/30.html
openCanvas ver4.5で大幅に変わってしまった ウインドウや操作まわりについてのページ。 【現在編集中】 目次 ※注：《》表記は、4.5からの名称 ペン《オプション》ウィンドウ ここでは ペンウィンドウ に付いての解説をします。 【新規】ブラシリストウィンドウ ここでは ブラシリストウインドウ に付いての解説をします。 レイヤウィンドウ ここでは レイヤウインドウ に付いての解説をします。 レイヤーの合成モード一覧も併せて読むといいでしょう。 選択範囲《マスク》ウィンドウ 選択範囲 《マスク》 ウィンドウ? プレビュー《ナビゲータ》ウィンドウ プレビュー《ナビゲータ》ウィンドウ? カラーウィンドウ カラーウィンドウ? グラデーションウィンドウ《グラデーションオプション、ポップアップ（グラデーション）ウィンドウ》 グラデーションウィンドウ? トーンウィンドウ《ポップアップ（トーン）ウィンドウ》 ここでは トーンウィンドウ に付いての解説をします。 環境設定 環境設定? 未作成ページ一覧 選択範囲 《マスク》 ウィンドウ プレビュー《ナビゲータ》ウィンドウ カラーウィンドウ グラデーションウィンドウ《グラデーションオプション、ポップアップ（グラデーション）ウィンドウ》 環境設定
https://w.atwiki.jp/kimikage/pages/53.html
カンバスに線を引く script type="text/javascript" // カンバス var canvas; // コンテキスト var ctx; // 線の幅 var lw = 10; // カンバスの幅 var cw = 400; // カンバスの高さ var ch = 300; // 描画のON/OFF切替（True ON,False OFF） var drawFlg = false; // 点の総数 var NUM_DOT = 100; // 次に描画する点の番号 var nextDotNo = 0; // 点の位置情報の配列 var dotpos = new Array(NUM_DOT); // ロード時に実行される関数を指定 window.onload = load; // MouseMove発生時に実行される関数を指定 window.onmousemove = getMousePos; // 初期化処理 function load(){ canvas = document.getElementById( mycanvas ); if(canvas.getContext){ ctx = canvas.getContext( 2d ); ctx.lineJoin = "round"; ctx.lineWidth = lw; for(var i = 0; i NUM_DOT; i++){ dotpos[i] = [-1,-1]; } } } // マウスの位置を取得 function getMousePos(e){ var rect; var x; var y; // 描画がOFFの場合は処理を終了 if(drawFlg == false){ return; } // 座標取得 rect = e.target.getBoundingClientRect(); x = e.clientX - rect.left; y = e.clientY - rect.top; dotpos[nextDotNo][0] = x dotpos[nextDotNo][1] = y nextDotNo = (nextDotNo + 1) % NUM_DOT; // 描画 draw(); } // 描画 function draw(){ // アルファ値 var alpha; // カンバスをクリア ctx.clearRect(0, 0, cw, ch); // 配列分の円を描画 for(var i = 0; i NUM_DOT; i++){ if(dotpos[i][0] == -1){ return; } ctx.beginPath(); // アルファ値の設定 if(i nextDotNo){ alpha = (NUM_DOT - nextDotNo + i + 1) / NUM_DOT }else{ alpha = (i - nextDotNo) / NUM_DOT; } switch((nextDotNo - i + NUM_DOT) % NUM_DOT){ case 1 ctx.moveTo(dotpos[i][0], dotpos[i][1]); break; case 2 ctx.moveTo(dotpos[i][0], dotpos[i][1]); ctx.lineTo(dotpos[(i + 1) % NUM_DOT][0], dotpos[(i + 1) % NUM_DOT][1]); break; default ctx.moveTo(dotpos[i][0], dotpos[i][1]); ctx.lineTo(dotpos[(i + 1) % NUM_DOT][0], dotpos[(i + 1) % NUM_DOT][1]); ctx.lineTo(dotpos[(i + 2) % NUM_DOT][0], dotpos[(i + 2) % NUM_DOT][1]); break; } ctx.strokeStyle = rgba(192, 80, 77, + alpha+ ) ; ctx.stroke(); } } // 描画開始 function onDraw(){ drawFlg = true; } // 描画停止 function offDraw(){ drawFlg = false; } /script form canvas id="mycanvas" width="400" height="300" style="border 1px solid rgb(204, 204, 204);" onmouseover="onDraw()" onmouseout="offDraw()" img src="http //livedoor.blogimg.jp/kimikage_sou/imgs/8/f/8ffb076b.png" alt="haikei" class="pict" border="0" width="400" height="300" hspace="5" /canvas /form canvasにベジエを引く script type="text/javascript" (function(){ var canvas; var ctx; var cw; var ch; var cx; var cy; var x; var y; var vx = 0; var vy = 0; var f = 0.1; var mu = 0.05; var drawFlg = false; setInterval(loop, 1000/30); window.onload = function(){ canvas = document.getElementById("canvas"); cw = canvas.width; ch = canvas.height; cx = cw/2; cy = ch/2; x = cx; y = cy; ctx = canvas.getContext("2d"); ctx.strokeStyle = "rgb(36, 110, 219)"; canvas.addEventListener("mousemove", canvas_mousemove, false); canvas.addEventListener("mouseover", canvas_mouseover, false); canvas.addEventListener("mouseout", canvas_mouseout, false); draw(); } function canvas_mousemove(e){ var rect; // 描画がOFFの場合は処理を終了 if(drawFlg == false){ return; } // 座標取得 rect = e.target.getBoundingClientRect(); x = e.clientX - rect.left; y = e.clientY - rect.top; // 描画 draw(); } function loop(){ if(drawFlg == false){ vx += (cx - x) * f; vx -= vx * mu; vy += (cy - y) * f; vy -= vy * mu; x += vx; y += vy; // 描画 draw(); } } function canvas_mouseover(){ drawFlg = true; } function canvas_mouseout(){ drawFlg = false; } function draw(){ ctx.clearRect(0, 0, cw, ch); ctx.beginPath(); ctx.moveTo(0,ch/2); ctx.bezierCurveTo(x,y,x,y,cw,ch/2); ctx.stroke(); } })(); /script canvas id="canvas" width="400" height="300" style="border 1px solid rgb(204, 204, 204);" img src="http //livedoor.blogimg.jp/kimikage_sou/imgs/8/f/8ffb076b.png" alt="haikei" class="pict" border="0" width="400" height="300" hspace="5" /canvas
https://w.atwiki.jp/dslua/pages/29.html
ソース img = Image.load("image.png", VRAM) canvas = Canvas.new() nb = 0 while not Keys.held.Start do Controls.read() startDrawing() for i=1, 3 do nb = nb + 3 obj = Canvas.newImage(math.random(-10, 240), math.random(-10, 180), img) Canvas.add(canvas, obj) end Canvas.draw(SCREEN_UP, canvas, 0, 0) screen.print(SCREEN_DOWN, 0, 0, "FPS "..NB_FPS) screen.print(SCREEN_DOWN, 0, 8, "IMG "..nb) screen.print(SCREEN_DOWN, 0, 50, "Press START to quit") stopDrawing() end Image.destroy(img) img = nil Canvas.destroy(canvas) canvas = nil nb = nil 使用している画像 image.png 実行例
https://w.atwiki.jp/ce00582/pages/5454.html
!DOCTYPE html html head title ABC /title meta http-equiv="Content-Type" content="text/html; charset=UTF-8" script type="text/javascript" function sample() { var canvas = document.getElementById( cam ); if (canvas.getContext) { var context = canvas.getContext( 2d ); context.fillRect(20,40,50,100); } } /script /head body onLoad="sample()" h2 図形を描く /h2 canvas id="cam" /canvas /body /html