二次嫁工房 2021/03/06 10:16

RP〇ツクール

JavaScript
VC#
Unity
で作りたいけど画像がないいSDキャラ無いですか!!
何でもいいから画像ほしい!!
CGフリーの誰でもいいからクレクレスラッシュ
Fantiaでフォローさせて頂いたら何故かCi-enでメッセージが・・・
にじよめちゃん・・・

JavaScript クリックゲーム

クリック数増加
https://toshiaki1919.web.fc2.com/ClickPanel.html

RP〇Gツクール (hp-a クリックでHP減少)
https://toshiaki1919.web.fc2.com/ClickPanel1.html 

エロ〇ゲーツクール(100回押すと美少女のエロ画像が※1)
https://toshiaki1919.web.fc2.com/ClickPanel2.html 



※1
【ソフト名 】『著作権フリーキャラクター素材01 』
【 制作者 】(C) 宿借り源八郎
【ホームページ】http://www.happygo.sakura.ne.jp/mix_s.html


にじよめちゃんFantiaに入るとジャブジャブ課金貰えるらしいぞ!!急ゲー
(敬称略)

---------------※1------------------

宿借り源八郎
https://fantia.jp/fanclubs/2456

------------絵・エフェクト---------

ぴぽや倉庫
https://pipoya.net/sozai/

ぴぽや倉庫(ファンティア)
https://fantia.jp/fanclubs/4678


にじよめちゃんサク〇ラ雇いすぎでしょ(震え声)


JavaScript リファレンス //辞典
https://developer.mozilla.org/en-US/docs/Web/API

button
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

fullScreen
https://developer.mozilla.org/en-US/docs/Web/API/Window/fullScreen

screen.X
https://developer.mozilla.org/en-US/docs/Web/API/Window/screenX

OnClick
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick

UI参照編
・誰もいないからRP〇ツクールのUI 
・ドラクエ秀逸

<JavaScriptでRP〇Gツクール風>
1.Canvasをつくる
2.functionかJavaScriptで画像を読み込む  image = new image;


1.Canvas
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/width

2.CanvasにImageを張り付ける
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage

3.Canvasにフォント
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/font

4.Canvasにbutton --ここから--
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawFocusIfNeeded

5.rect box (四角い図形枠線/ゲームフレーム)
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/isPointInStroke

rect box(色付き)
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeRect

canvasで2Dオブジェクトを扱えるようにする(定義)
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D

RP〇Gツクール ver0.4 (ボタンは反応しません)

https://toshiaki1919.web.fc2.com/JavaScript_Original_Code_Setumei.html

RP〇Gツクール ver0.5 (ボタン設置)

https://toshiaki1919.web.fc2.com/JavaScript_Original_Code_Setumei1.html

------RP〇Gツクール ver0.6 (クリックカウンター) canvas版---------

https://toshiaki1919.web.fc2.com/JavaScript_Original_Code_Setumei2.html

ClickCounterJavaCi-en.zip (同上)
https://drive.google.com/file/d/1m76aIU1HMREGgLAP0nBU460lqE_xRnuD/view?usp=sharing


button 2
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/isPointInPath

keybord event
https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent

webGL
https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext

slider(D&D イメージ)
https://developer.mozilla.org/en-US/docs/Web/API/Element/setPointerCapture

--------------------update(予定)----------------
・progress bar (たぶん使わない)

・フェードアウト ※1
・ダメージをy軸に+ ※1 併用
・canvasにbuttonみたいなのを設置

・canvas版 (clear rect 不可)   ✖
・html版(iframe/別ページ index)
・WebGL(オフライン可能)

------------------------不具合---------------------

・イメージ画像が一つしか読み込まない


備考:onloadや軽くする
Canvaはダメージ表記が不可能(clear rect 不可) 

明日もここから
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/canvas

課題1 ボタンの設置
課題2 変数を渡す(伝播)var a=0

【 カンパ用 】プラン以上限定 支援額:100円

このバックナンバーを購入すると、このプランの2021/03に投稿された限定特典を閲覧できます。 バックナンバーとは?

月別アーカイブ

記事を検索