ロボット【Pepper(ペッパー)】RPGリレー開発計画(仮)Part10

こんにちわ~♪

今回はPart8でざっくり配置したボタンとかボタンとかボタンを使ってカートに商品を放り込めるようにしちゃいましょう(*^ω^*)/

あ、もちろんガチ打ちで木の棒のみ購入可能ですw

というか、9-1で「もう一方のモチベがガタ落ちしてるのは、どうしようか・・・」みたいなこと書いてたけど、シストラ復讐計画を秘かに準備中だってのに、今更どうもこうもないですよね~ (*>∀<*)

リアルじゃ顔も見たかないですけど、戦闘システムのベースコード??はナンダカンダで面白そうじゃないですか♪

あんなにやる気なさげだったのにw

けど、どうせなら武器の重量で回避率に減算かけたり、物理攻撃力に重量で加算してるから、魔法攻撃力に軽いほど加算とかあったら、もっと面白そうなのになぁw

てか、逃走の計算が無かったような・・・??

まさか絶対逃げられない仕様!?(・_・;)

・・・ちょっと考察が長すぎですね(´・_・‵)

そろそろ本題に入りましょう!


 
<script>
function init(){
toShop();
for (i=1; i<=10; i++){
$("#shopNum").append($("<option>").html(i).val(i));
}
for (i=50; i<=500; i=i+50){
$("#shopNum").append($("<option>").html(i).val(i));
}
for (i=600; i<=1000; i=i+100){
$("#shopNum").append($("<option>").html(i).val(i));
}
}
function shopItemBuy(item, price, num){
$("#cartInfo table").append($("<tr>").html("<td>"+item+"</td><td>"+price+"</td><td>"+num+"</td><td>5000</td>"));
}

function toShop(){
$("#shop").css("display", "block");
$("#shopItem").css("display", "none");
$("#cartInfo").css("display", "none");
}
function toShopItem(){
$("#shop").css("display", "none");
$("#shopItem").css("display", "block");
$("#cartInfo").css("display", "none");
}
function toCartInfo(){
$("#shop").css("display", "none");
$("#shopItem").css("display", "none");
$("#cartInfo").css("display", "block");
}
</script>
</head>
<body onload="init();">
<div id="shop">
<div class="divMenu" style="height:250px;width:500px;top:497px;left:775px;background-color:#555555" onclick="toCartInfo();"><div id="cart" class="cm">カート</div></div>
<select size="7" style="position: absolute; font-size:40pt; height:500px;width:755px;top:200px;left:20px;" onclick="toShopItem();">
<option value="0">木の棒 50</option>
<option value="0">木の剣 100</option>
<option value="0">木の斧 200</option>
<option value="0">鉄の剣 1200</option>
</select>
</div>
<div id="shopItem">
<div class="divMenu" style="height:1027px;width:1687px;top:20px;left:20px;">
<div>木の棒</div>
<div>拾ってきた、どこにでもあるただの木。<br />素手よりはマシ?</div>
<div>攻 5   耐 10</div>
<div>
在庫 50<br />COIN 50<br />
<select id="shopNum" style="height:100px;width:300px;color:#ffffff;"></select>
<div style="position:relative; height:100px;width:300px;color:#ffffff;" onclick="shopItemBuy('木の棒', 50, 100);"><div class="cm">カゴ</div></div>
</div>
<div class="divMenu" style="height:100px;width:300px;top:20px;left:1387px;" onclick="toShop();"><div class="cm">×</div></div>
</div>
</div>
<div id="cartInfo">
<div class="divMenu" style="height:1027px;width:1687px;top:20px;left:20px;">
<table></table>
<div class="divMenu" style="height:100px;width:300px;top:900px;left:1387px;" onclick="shopItemBuy('木の棒', 50, 100);"><div class="cm">購入</div></div>
<div class="divMenu" style="height:100px;width:300px;top:20px;left:1387px;" onclick="toShop();"><div class="cm">×</div></div>
</div>
</div>
</body>

 


結構長いうえに汚ったないので今回の分にあんまり関係なかったり、前回書いてるとこはだいぶ端折ってますw

というわけで今回はセレクトボックスに表示されてるアイテムをクリックするとアイテム画面に切り替わって、指定した個数をカートに追加。

メイン画面に戻ってカートをクリックすると追加した分のアイテムが表示してあるという所までですね(・ω・)/

しょうもない進捗ですみません・・・。

機能面のベースを粗方作ってからレイアウト整えようかと思ってましたけど、レイアウトとデザイン先にやっちゃった方がいいのかな・・・?

どうしようw


福岡でロボット開発といえば、株式会社システムトランジスタ。シストラロボティクス部d^ω^bにょっでした。

  • このエントリーをはてなブックマークに追加

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です