【俺の嫁】ご当地萌えキャラ総合4発目 (597レス)
1-

318
(1): 2023/04/17(月)21:03 ID:gSZNun4P(1) AAS
じゃあ遠慮なく、あの4x4の15パズルを5x5の24パズルまたは3x3の8パズルにしたい時は、どの部分をどう変えればいいのか教えろください>まぬか
デフォ配置を変える方法は別の場所で見つけて、そのとおりにやってできたよ
でもマスの増やしかたは色々いじってみたけど分かりそうで全く分からんかった
あれ以外にも他にやってみたいことはあるんだが、のっけから出鼻挫かれてる感じなのでまず少しずつ理解するとこからやってみようと思って
よろしくおながいしまつ
319: 2023/04/18(火)00:50 ID:DTE71wFG(1) AAS
あれはサンプルだから、仕組み的には構造のシンプルさを優先していて教えるのもそう難しくはなさそうだが、説明しながらだとものすごく長くなってしまうのと、動きを読み解くにはなかなか手頃なコードでもあるので、書店へ行ってJavaScriptの赤本(参考書)を買っておいで
それが一番早いし、も前にとっても一番タメになる、スキルアップに繋がるよ
320: 2023/04/18(火)13:54 ID:qSCRkzIk(1/4) AAS
>>318

【スクリーン】
width:208 の部分を
8パズルの場合は width:156
24パズルの場合は width:260
に変更

【シャッフル】
u(~~(16*Math.random())) の部分を
8パズルの場合は u(~~(9*Math.random()))
24パズルの場合は u(~~(25*Math.random()))
省19
321: 2023/04/18(火)14:01 ID:qSCRkzIk(2/4) AAS
8パズル↓
 
var b,g,s,h="hidden",v="<table cellspacing=1 cellpadding=0 align=center><tr><td bgcolor=#eeeeee style='border:1px solid #555;border-radius:3px;'><form name=$ style='width:156;margin:0;'>";
function m(){u(~~(9*Math.random()));i++;i>1e3&&clearInterval(s)}function w(e,i){e=$[e],i=$[i],b=e.value,e.value=i.value,i.value=b,e.style.visibility=h,i.style.visibility=""}
function u(e){6>e&&$[e+3].value<1?w(e,e+3):e>2&&$[e-3].value<1?w(e,e-3):e%3!=2&&$[e+1].value<1?w(e,e+1):e%3!=0&&$[e-1].value<1&&w(e,e-1)}
for(i=1;i<10;i++)v+="<input type=text name="+i+" value="+i+" onclick='u("+(i-1)+")' style='color:#fff;background-color:#aaa;font-size:27;padding:0;text-align:center;width:50;height:50;line-height:50px;margin:1;cursor:pointer;cursor:hand;border:1px solid #555;' readonly>";
answer_frame.innerHTML="</form></td></tr></table>"+v;$[8].value=0;$[8].style.visibility=h,s=setInterval(m,1);
322: 2023/04/18(火)14:02 ID:qSCRkzIk(3/4) AAS
24パズル↓
 
var b,g,s,h="hidden",v="<table cellspacing=1 cellpadding=0 align=center><tr><td bgcolor=#eeeeee style='border:1px solid #555;border-radius:3px;'><form name=$ style='width:260;margin:0;'>";
function m(){u(~~(25*Math.random()));i++;i>1e3&&clearInterval(s)}function w(e,i){e=$[e],i=$[i],b=e.value,e.value=i.value,i.value=b,e.style.visibility=h,i.style.visibility=""}
function u(e){20>e&&$[e+5].value<1?w(e,e+5):e>4&&$[e-5].value<1?w(e,e-5):e%5!=4&&$[e+1].value<1?w(e,e+1):e%5!=0&&$[e-1].value<1&&w(e,e-1)}
for(i=1;i<26;i++)v+="<input type=text name="+i+" value="+i+" onclick='u("+(i-1)+")' style='color:#fff;background-color:#aaa;font-size:27;padding:0;text-align:center;width:50;height:50;line-height:50px;margin:1;cursor:pointer;cursor:hand;border:1px solid #555;' readonly>";
answer_frame.innerHTML="</form></td></tr></table>"+v;$[24].value=0;$[24].style.visibility=h,s=setInterval(m,1);
323: 2023/04/18(火)14:08 ID:qSCRkzIk(4/4) AAS
上の式をCalculatorのFormulaボックスにコピペして=ボタンを押す

たぶん動くと思う
324: 2023/04/18(火)14:47 ID:YVgiZpKm(1) AAS
ストレートに解答例を示すだけが親切ではないよなとは思ったんだが
正解が分かればなぜそこを変更するとそうなるかを逆算できるとも言えるか
それにしてもも前らの有能ぶりが下手な塾以上で草すぐるわ
325
(1): 2023/04/18(火)16:00 ID:87+MxWRw(1) AAS
?クス
判定部分のあたりは特にさっぱりなんだけど
とりまi>1e3の1e3て何?
326: 2023/04/18(火)16:32 ID:FAqRfU9W(1) AAS
>>325 に関してはCalculatorのFormulaに 1e3 とだけ記述して実行すればAnswerに答えが表示されるよ

外部リンク:ads.selfip.com

噛み砕いて説明すると「eなんちゃら」は「10の冪乗」を意味する
すなわち 1e3 を数学的に記述すると
 
 (1)*10^3
 
となり、これを更にJavaScript的に書くと
 
 (1)*Math.pow(10,3)
省6
327: 2023/04/18(火)17:13 ID:sDJyAJOF(1) AAS
前にキャラゲーを作りたいとかなんとか話してたことがあったよね
ああいうツールがあって、既にいろんなゲームのサンプルが載ってるんだから、それをベースにシンプルなキャラゲーなら組み立てることもできるんでは?と思った

キャラの画像素材とかを用意する必要はありそうだが、たとえばブロックを萌えキャラの顔ブロックとかに変えたパズルとかさ
難しいかな
328: 2023/04/18(火)19:20 ID:TliPpH80(1) AAS
15パズルに関して言えば、新たに仮想配列を設けなくてもいいかな
画像を分割して0〜15の番号を振って0をnull扱いにすりゃ、式を大きく変更はしなくても割りと簡単に「セイカのパズルできるんです」風に改造できると思われ
問題は各タイルが異なる模様にならないといけない点と、正方形の萌えキャラ画像をどうするかだね
素材はじゅもんじのとこにでも置かしてもらえりゃ解決だし
画像素材だけなんとかならんかな>まぬか
329: 2023/04/18(火)23:38 ID:3opuTD6U(1) AAS
アスです。
前にコモンズライセンスで使わせて頂いたフリー画像があって、ちょうど正方形なのですが、これはいかがでしょうか?

外部リンク:www.pixiv.net
330: 2023/04/19(水)10:21 ID:nOgUsp/F(1) AAS
ゆきです、カルキュレーターのオリジナルパズルの仕様を参考に、アスさんが編集された329の画像をトリミング+縦横52✕52pxでスプリットし、パズル素材化ました。

外部リンク[zip]:uploader.cc
331: [Sage] 2023/04/19(水)15:27 ID:iWE1X4xt(1) AAS
進行状況まとめ

外部リンク:moe.web.wox.cc
332
(1): 2023/04/19(水)17:13 ID:sWE92MEr(1) AAS
必要なものが揃ってしまった、ということで今書いてるよ
式を見直して結構いじらないといけない部分がわかってきた
できると思うけど時間かかりそうだから待っててね
333: 2023/04/19(水)17:38 ID:BpSjRvr6(1) AAS
楽しみだ
334: 2023/04/19(水)19:14 ID:4E+eoL5V(1) AAS
そろそろできた?>>332
335: 2023/04/19(水)20:11 ID:DnUI1xTw(1/2) AAS
できてたまるかwADSじゃねえよw
inputのvalue値を読んで条件分岐してる部分を、単純にimgのsrcを読むように変更すれば比較的早く改造できるんじゃね?と考えてやってみたけどうまく動かないから少し時間がかかってる
ちょっと回りくどいけど関数を1つ追加してオリジナルに近い動作をさせてみる
じゅもんじも綺麗に書けるなら書いてよ
336: 2023/04/19(水)20:12 ID:DnUI1xTw(2/2) AAS
明日は休みで今夜は時間がたっぷりあるから、じっくり取り組んでみるよ
555より
337: 2023/04/19(水)21:28 ID:VTd/ZH1I(1) AAS
完成図が分かってても楽しみ
1-
あと 260 レスあります
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.009s