{"id":868,"date":"2012-12-06T11:05:41","date_gmt":"2012-12-06T11:05:41","guid":{"rendered":"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/?p=868"},"modified":"2012-12-06T11:14:48","modified_gmt":"2012-12-06T11:14:48","slug":"final-project-user-interface-layout","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/2012\/12\/06\/final-project-user-interface-layout\/","title":{"rendered":"Final project post 2: user interface layout"},"content":{"rendered":"<p>I went ahead and actually created the layout that will be displayed. I made some slight changes from my paper version. The dice roll display has been moved to the right portion of the area next to the stat section. It will always display the last roll you made and will say &#8220;please roll&#8221; when it is time for you to roll. This currently doesn&#8217;t do anything but I wanted to share my progress and show the current design. Unlike the paper one this allows you to see my color scheme. I thought the different shades of brown and tan would be representative of roleplay and adventure possibly because it makes me think of old maps and scrolls. I could be wrong but that was the color scheme I found fitting. I also colored the stat labels with the respective colors I&#8217;m using to represent them. If the monster has that stat than that will be the same color used to represent their primary stat. That could also be useful in helping the player remember the color correspondence when looking at the enemy. All of the numbers currently displayed are variables and could easily be changed to whatever is needed. On an unrelated note, I now have my makey makey!<br \/>\nHere is the layout made in processing:<br \/>\n<script type=\"application\/processing\">\r\n\/\/stats and stat display strings\r\nint attack = 10;\r\nString attackS = \"\" + attack;\r\nint magRes = 10;\r\nString magResS = \"\" + magRes;\r\nint evade = 10;\r\nString evadeS = \"\" + evade;\r\nint defense = 10;\r\nString defenseS = \"\" + defense;\r\nint speed = 10;\r\nString speedS = \"\" + speed;\r\n\r\n\/\/counts of added limbs\r\nint heads = 0;\r\nint arms = 0;\r\nint tails = 0;\r\nint eyes = 0;\r\nint wings = 0;\r\nint legs = 0;\r\n\r\n\/\/roll and display string for the roll\r\nint roll = 0;\r\nString rollS = \"\" + roll;\r\n\r\n\/\/health and display string\r\nint health = 1000;\r\nString healthS = \"\" + health;\r\nint monHealth = 20;\r\nString monHealthS = \"\" + monHealth;\r\n\r\nvoid setup(){\r\n  size(1000,800);\r\n  background(238,207,161);\r\n  \r\n}\r\n\r\nvoid draw(){\r\n  \/\/set up stat display\r\n  fill(156,102,31);\r\n  rect(0,600,999,200);\r\n  PFont f = createFont(\"Arial\",50,true);\r\n  textFont(f,20);\r\n   fill(50,20,0);\r\n   text(\"Monster Stats:\",10,630);\r\n   fill(255,0,0);\r\n   text(\"Attack:\",25, 680);\r\n   fill(50,20,0);\r\n   text(attackS,100,680);\r\n   fill(100,0,255);\r\n   text(\"Magic Resistance:\",255, 680);\r\n   fill(50,20,0);\r\n   text(magResS,430,680);\r\n   fill(0,0,255);\r\n   text(\"Evade:\",570, 680);\r\n   fill(50,20,0);\r\n   text(evadeS,650,680);\r\n   fill(255,255,0);\r\n   text(\"Defense:\",180, 750);\r\n   fill(50,20,0);\r\n   text(defenseS,270,750);\r\n   fill(0,255,0);\r\n   text(\"Speed:\",480, 750);\r\n   fill(50,20,0);\r\n   text(speedS,550,750);\r\n   \r\n   \/\/set up dice roll display box\r\n   fill(156,102,31);\r\n   rect(700,600,299,200);\r\n   fill(50,20,0);\r\n   textFont(f,35);\r\n   text(\"Your last die roll:\",720,650);\r\n   textFont(f,150);\r\n   text(rollS, 800, 780);\r\n   \r\n   \/\/ Handle left portion of top display (monster and health\r\n   textFont(f,25);\r\n   text(\"Monster\",90,30);\r\n   text(\"Health: \", 60,550);\r\n   text(healthS, 180,550);\r\n   strokeWeight(3);\r\n   line(85,46,190,46);\r\n   strokeWeight(1);\r\n   \r\n   \/\/The box that displays attack and attack damage that occurs\r\n   text(\"Damage\",420,170);\r\n   fill(238,207,161);\r\n   strokeWeight(3);\r\n   rect(370,210,200,230);\r\n   fill(50,20,0);\r\n   strokeWeight(1);\r\n   \r\n   \/\/ Handle right portion of top display (monster and health\r\n   textFont(f,25);\r\n   text(\"Enemy\",740,30);\r\n   text(\"Health: \", 710,550);\r\n   text(monHealthS, 830,550);\r\n   strokeWeight(3);\r\n   line(725,46,840,46);\r\n   strokeWeight(1);\r\n   \r\n}\r\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I went ahead and actually created the layout that will be displayed. I made some slight changes from my paper version. The dice roll display has been moved to the right portion of the area next to the stat section. &hellip; <a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/2012\/12\/06\/final-project-user-interface-layout\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/posts\/868"}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/comments?post=868"}],"version-history":[{"count":10,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/posts\/868\/revisions"}],"predecessor-version":[{"id":870,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/posts\/868\/revisions\/870"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/media?parent=868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/categories?post=868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/tags?post=868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}