tag:blogger.com,1999:blog-52238232655115484182024-02-07T03:58:12.908-08:00Noah PicardWe need a new playspace. Here's one of mine.Anonymoushttp://www.blogger.com/profile/06325051212446187522noreply@blogger.comBlogger8125tag:blogger.com,1999:blog-5223823265511548418.post-45276046964888913242016-07-18T09:04:00.001-07:002018-06-10T20:11:07.263-07:00Color Wheel VisualizationColors are core in good design. Studies of visual recall and the impact of branding, fashion, and flags show consistently that the first thing we notice in something, and the last thing we remember. In design literature, there is a great deal of research/intuition in the emotions of colors- that blue is calming and builds trust (and is therefore used in every social media site today); red evokes power and passion (increasing metabolism and appetite, lending to its ubiquitous use in fast food chains); yellow quickly attracts attention and can be playful (light/pale yellow) or a warning (bold yellow)- the list goes on. In an effort to explore this association, I'm building a color selection system to ask internet users how they feel on a given day, as a color. You can check out the current version <a href="http://www.salazargames.com/colorwheel/html/" target="_blank">here</a>.<br />
<br />
<div>
To progress, you can click on a color to see similar colors in the wheel. Once you're happy with your color selection, hover over it to get the rgb color, then send it to me or post it here! (I'll add a better feedback system soon).<br />
<div>
<br /></div>
<div>
Here are some prototype screenshots:</div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAOUOj2nIvsFJoTP-x6NX2dbui9ygOZCq7ApeYOnOsWwlZ_4_lKhmGE4b9oN3e4l27SCUwEix8G2Xy5SVyZ7axKmla8YUWSFqf_IinvpTMqeZZv18VKzihwM5S6tJg37bUcvSotELR7ew/s1600/black.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAOUOj2nIvsFJoTP-x6NX2dbui9ygOZCq7ApeYOnOsWwlZ_4_lKhmGE4b9oN3e4l27SCUwEix8G2Xy5SVyZ7axKmla8YUWSFqf_IinvpTMqeZZv18VKzihwM5S6tJg37bUcvSotELR7ew/s320/black.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTLVu5TXAJqUuDrqQRvIEMAGr0OuAULR6BeXVDECKPQdT0jCm4dCeLbndeRftMMfia_zyIzZMK_Hu9sSfXpoGtUTf-IKYH7gtEx28KVI1ALPInypFcPccdQHoyuW4KZoAksSFDnXqf-k4/s1600/curlup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTLVu5TXAJqUuDrqQRvIEMAGr0OuAULR6BeXVDECKPQdT0jCm4dCeLbndeRftMMfia_zyIzZMK_Hu9sSfXpoGtUTf-IKYH7gtEx28KVI1ALPInypFcPccdQHoyuW4KZoAksSFDnXqf-k4/s320/curlup.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsFDmV4fvEvd2gcb4uj5EwT2GDN_pyjtdU6m4LHeW73AwQPVJS8-07wA0L-hg2OKPnDUFRVzYqJzCoDmpmJ94VM5uYF6KlS-i9R5j4vA2M0iC4kcRVCm0YzQN3bBCk4cjXEKAreXU2dMU/s1600/nolinerainbow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsFDmV4fvEvd2gcb4uj5EwT2GDN_pyjtdU6m4LHeW73AwQPVJS8-07wA0L-hg2OKPnDUFRVzYqJzCoDmpmJ94VM5uYF6KlS-i9R5j4vA2M0iC4kcRVCm0YzQN3bBCk4cjXEKAreXU2dMU/s320/nolinerainbow.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj70_0xStMLIpgea-novdISQKeW-dU2_y9gecUftOcN2NaVYpcDcABKTyushydRiFvYHeZ5wcxig7ntSaha3vCZBj3Lobb-ihvxBcOeSuSumr00a8W0mkwBzjls9DKwPvhVyyC9JtQrX_8/s1600/rainbow2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj70_0xStMLIpgea-novdISQKeW-dU2_y9gecUftOcN2NaVYpcDcABKTyushydRiFvYHeZ5wcxig7ntSaha3vCZBj3Lobb-ihvxBcOeSuSumr00a8W0mkwBzjls9DKwPvhVyyC9JtQrX_8/s320/rainbow2.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJs3z1iPKpPVO_wNyzEJG2BAPdzLdPydvRD5x3oLNgDI6J6riwwvdLcn8hMghpILnPByikjx1NoKhiEWojpCu2WBUIJT89NeALXbalr-W8xAiH8JjMjqdBbvbVc1X2o0UMV0j77-SqpL4/s1600/rainbows.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJs3z1iPKpPVO_wNyzEJG2BAPdzLdPydvRD5x3oLNgDI6J6riwwvdLcn8hMghpILnPByikjx1NoKhiEWojpCu2WBUIJT89NeALXbalr-W8xAiH8JjMjqdBbvbVc1X2o0UMV0j77-SqpL4/s320/rainbows.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie0__X2fKbDA9gc7eYAYSh6mNLzZBQv4hmgxhCcCfkjw99Dip3Y3bg0fp72vj12EBzMhXe_OLk4hDY4iG1XgNA699GIFgbkxw4zAMSB4mqUT8kNcICsJ-Klnj19p1ozRgP67kd1PRwWJA/s1600/savory.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie0__X2fKbDA9gc7eYAYSh6mNLzZBQv4hmgxhCcCfkjw99Dip3Y3bg0fp72vj12EBzMhXe_OLk4hDY4iG1XgNA699GIFgbkxw4zAMSB4mqUT8kNcICsJ-Klnj19p1ozRgP67kd1PRwWJA/s320/savory.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/06325051212446187522noreply@blogger.com0tag:blogger.com,1999:blog-5223823265511548418.post-32330941743344680062016-07-09T15:48:00.003-07:002018-06-10T20:12:29.712-07:00Physical Therapy ApplicationSome screenshots from a physical therapy diagnostic web app for a client- it allows physical therapists to run through a series of different physical tests on a patient, then determines what problem areas should be focused on. I haven't settled on the look and feel of the app, but the current edition has turned out playful (+the big buttons are for easy use on mobile and tablet):<br />
<br />
<div style="text-align: center;">
Problem List Screen:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh1LW40T0GIuwx10IPZR5wrUlSHXndqOiwoibBggqUQEOzDZ1iC3wXXahYZEhqy_nOyX2PUGq6dkSOfC9M-16f1sCBH_BpsHRdZbjPsyoBRVj4rmruXm4i5x4EWZN2tgISBYvqZGsvHws/s1600/sfma-sectionlist.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh1LW40T0GIuwx10IPZR5wrUlSHXndqOiwoibBggqUQEOzDZ1iC3wXXahYZEhqy_nOyX2PUGq6dkSOfC9M-16f1sCBH_BpsHRdZbjPsyoBRVj4rmruXm4i5x4EWZN2tgISBYvqZGsvHws/s400/sfma-sectionlist.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Breakout Screen:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWgfEkMZMOPFilWvqkopyNsTMZvYIcgoT5ymd9mQUXAYhk2pbuItKP6o_DBeQoqw4bfX3KSHuorcOe6pL8NpfQVwTyGD1hJfYFHgra60IDN0F4oZF10f1bDGBhAqLO5NKMXKxJ_jJ8KXU/s1600/sfma-breakout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWgfEkMZMOPFilWvqkopyNsTMZvYIcgoT5ymd9mQUXAYhk2pbuItKP6o_DBeQoqw4bfX3KSHuorcOe6pL8NpfQVwTyGD1hJfYFHgra60IDN0F4oZF10f1bDGBhAqLO5NKMXKxJ_jJ8KXU/s400/sfma-breakout.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Login Screen:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQvWk7utTN4JBmFyQ8VSJpnAhHxXq84FnCl_1S_kpE874t0Rc667sWd9lkIco_5-3r8erV-hVhOSiByXawTotj6UUqakzWr_utpFKmHCJR0Ji5fY6MWB7bamkEdIzgANe12pjr9S4WM6M/s1600/sfma-login.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQvWk7utTN4JBmFyQ8VSJpnAhHxXq84FnCl_1S_kpE874t0Rc667sWd9lkIco_5-3r8erV-hVhOSiByXawTotj6UUqakzWr_utpFKmHCJR0Ji5fY6MWB7bamkEdIzgANe12pjr9S4WM6M/s400/sfma-login.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/06325051212446187522noreply@blogger.com0tag:blogger.com,1999:blog-5223823265511548418.post-52623695918884684642016-07-01T09:15:00.000-07:002018-06-10T20:12:55.496-07:00MicrocosmsNew sets of my photos are online- just put the first 20 on 500px! They're viewable here: <a href="https://500px.com/noahpicard/galleries/microcosms" target="_blank">https://500px.com/noahpicard/galleries/microcosms</a>, and once my upload limit resets I'll be putting the next batch up. Here's a few of my favorites:<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim3OJql74-NYoJOYwgqK2IzPcA23s6mBsjcnvQXGKwg90050RGskFxJGNsfSiTrIYFvwEAOzT9GoSUYcJGFj8BYOGeQ9xPUn2Hum_Zsi7qWh7uoQd3n1Q2xJTPsP1TCSC0A9eMyzFKs7c/s1600/20151127_162005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim3OJql74-NYoJOYwgqK2IzPcA23s6mBsjcnvQXGKwg90050RGskFxJGNsfSiTrIYFvwEAOzT9GoSUYcJGFj8BYOGeQ9xPUn2Hum_Zsi7qWh7uoQd3n1Q2xJTPsP1TCSC0A9eMyzFKs7c/s400/20151127_162005.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3EsUswt_CQf6tsiWbkoXTK7Lmf68TFvl7ptztW2qH1VkJU0AcR_376VzFPIA_zBWrJrw7NpzMV8Yl12xgFEQzLJ2xqU3eFE-N0EVtzgulMuGXXwv2uDZs5G8Q8uGqj1C8D2TF2lXMQ3g/s1600/20150829_151944.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3EsUswt_CQf6tsiWbkoXTK7Lmf68TFvl7ptztW2qH1VkJU0AcR_376VzFPIA_zBWrJrw7NpzMV8Yl12xgFEQzLJ2xqU3eFE-N0EVtzgulMuGXXwv2uDZs5G8Q8uGqj1C8D2TF2lXMQ3g/s640/20150829_151944.jpg" width="360" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaaUczDS-NzWV_5q-cZCww1AmmmI2D74pUrrbIilvt6sScQf3F2wYsDSw8SE_rjiv0EHrqRmgoi27ag3Bq1CNVqraJJ3TcptOGJDBGomoC7zWec-vBiPoEVJwNfdKRl-X6Jl6ZEtf0eso/s1600/20160328_123414.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaaUczDS-NzWV_5q-cZCww1AmmmI2D74pUrrbIilvt6sScQf3F2wYsDSw8SE_rjiv0EHrqRmgoi27ag3Bq1CNVqraJJ3TcptOGJDBGomoC7zWec-vBiPoEVJwNfdKRl-X6Jl6ZEtf0eso/s400/20160328_123414.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFaI6svj7tmllORBw90S1Hz0Ir81Eo9hnSLK63BKOOAy-Ga3bclOL0JCNlLkp72dusiEXSawrl1uUMaiMfZzGhimMZmohJpbtxfJQ1MBe1HwQG_rPyEMUuPnzpRzE5ruvQCp4yxXT9-Mw/s1600/20151129_170116.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFaI6svj7tmllORBw90S1Hz0Ir81Eo9hnSLK63BKOOAy-Ga3bclOL0JCNlLkp72dusiEXSawrl1uUMaiMfZzGhimMZmohJpbtxfJQ1MBe1HwQG_rPyEMUuPnzpRzE5ruvQCp4yxXT9-Mw/s640/20151129_170116.jpg" width="360" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEDLF_to3pG229ue61W_dOq9XRMiNXr58iiD35vgBbmYnfedNwmvh4bINKY8QZeIyBs7Qf30KooNvqnYFUPzViTuZKPwLQIJ25m_wyQmWKWuO8n2LnT6oFPJ8wBHDlmzksmtzifpNxY0/s1600/20160328_172738_001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEDLF_to3pG229ue61W_dOq9XRMiNXr58iiD35vgBbmYnfedNwmvh4bINKY8QZeIyBs7Qf30KooNvqnYFUPzViTuZKPwLQIJ25m_wyQmWKWuO8n2LnT6oFPJ8wBHDlmzksmtzifpNxY0/s400/20160328_172738_001.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNIL_6N08gGlOmSbk_GGpzmdKPl61EVP7S2YTSkQT9jlrppIUuyztKzZs5DopDgyf31eYXmwq5Vy8RTjRxQEFlfde-R6rLd50Kfm9FgyW-yr3VJzeVo7qUD-9XKYLn7mRjxt0ZMcXX-6k/s1600/20151125_123720.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNIL_6N08gGlOmSbk_GGpzmdKPl61EVP7S2YTSkQT9jlrppIUuyztKzZs5DopDgyf31eYXmwq5Vy8RTjRxQEFlfde-R6rLd50Kfm9FgyW-yr3VJzeVo7qUD-9XKYLn7mRjxt0ZMcXX-6k/s400/20151125_123720.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
I've titled the group Microcosms because that is what I've been aiming for in my photography- capturing tiny pieces of our world, themselves little cosmos. Sometimes that means highlighting and capturing the texture of things; getting into the crannies and seeing tunnels, valleys, ridges. Other times it is an attempt to recreate objects as essential items of a smaller life: a water puddle becomes a bath, pool, spa, an acorn a hut, a railing a railway. In this objective it continues my earlier grouping "Within Wood"; I have a deep appreciation for wood.</div>
<br />
<div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/06325051212446187522noreply@blogger.com0tag:blogger.com,1999:blog-5223823265511548418.post-38807755161642177022016-06-25T19:15:00.001-07:002018-06-10T20:13:14.156-07:003D Tower Defense Tech Demo<div class="separator" style="clear: both; text-align: left;">
More intuitive mouse controlled movement for drones in 3D Tower Defense- here's a quick tech demo!</div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/AvNpWcQGaoc/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/AvNpWcQGaoc?feature=player_embedded" width="320"></iframe></div>
<br />
With transparency for better camera vision:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBFiOg4gWWvkrdY-MpU2TaBLm_1ZIRkXVqXuyp0P8HVlnVn5GrX6wBtvg3DXJy5yKCRK4yMd7aVJ99scKUakW-OsyokKwAgW0c3Njg3WSVabIV2txwHdlnruw8P_3iC4_Xd9QS8BnTme0/s1600/coolone.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBFiOg4gWWvkrdY-MpU2TaBLm_1ZIRkXVqXuyp0P8HVlnVn5GrX6wBtvg3DXJy5yKCRK4yMd7aVJ99scKUakW-OsyokKwAgW0c3Njg3WSVabIV2txwHdlnruw8P_3iC4_Xd9QS8BnTme0/s400/coolone.png" width="400" /></a></div>
<br />Anonymoushttp://www.blogger.com/profile/06325051212446187522noreply@blogger.com0tag:blogger.com,1999:blog-5223823265511548418.post-47165375781126891412016-06-25T19:11:00.001-07:002018-06-10T20:15:03.993-07:00Salazar Games Remastered- Now Online!New version of the Salazar Games website is online: <a href="http://www.salazargames.com/" target="_blank">www.salazargames.com</a>- I'm very pleased with the way both the games auto-layout and the media presentation developed:<br />
<br />
<div style="text-align: center;">
Main Page:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVKJ6XN4YudPceRbHevTzXpw_TJxVU469xO6BKlPKZkh99x6ZvoTmNBF3cFmTAV7YTIrkeBLk4GONtHloSyB8y5HUtc4rPVn4LAAXb_8kseSFdV-wtasg3u_RUIyKh6ANwAb8_QWCAQs8/s1600/Screen+Shot+2016-06-25+at+18.24.00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVKJ6XN4YudPceRbHevTzXpw_TJxVU469xO6BKlPKZkh99x6ZvoTmNBF3cFmTAV7YTIrkeBLk4GONtHloSyB8y5HUtc4rPVn4LAAXb_8kseSFdV-wtasg3u_RUIyKh6ANwAb8_QWCAQs8/s400/Screen+Shot+2016-06-25+at+18.24.00.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Excerpt from Media Page:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiTZ64avz039mOvVMPGPPctcyW1QC5owATIiCakDUZ6gM7Ee0ZlW75sb8QdD-dSiqlRtqXdR-mi09u_2BAzGvRh0lFVVmioEWedY7JIMrxo0T0vxh6rjY3qhadok0sz2TvEXaIzU_tTaY/s1600/Screen+Shot+2016-06-25+at+18.43.03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiTZ64avz039mOvVMPGPPctcyW1QC5owATIiCakDUZ6gM7Ee0ZlW75sb8QdD-dSiqlRtqXdR-mi09u_2BAzGvRh0lFVVmioEWedY7JIMrxo0T0vxh6rjY3qhadok0sz2TvEXaIzU_tTaY/s400/Screen+Shot+2016-06-25+at+18.43.03.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
Excerpt from About Page:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie7nLJDFCTSY0J7X1lUWVYBSHhG0JZvbOQ7HDqCPy9TjY0op5hoGgWdlGQZSof-WtY8-IUVismRrY_zVB2F3JdeXk9Knt0H1BM8eCfHxEyOEm9-O8HrSeji80Yc3zu_br-V3KngYa3Sss/s1600/Screen+Shot+2016-06-25+at+18.27.54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie7nLJDFCTSY0J7X1lUWVYBSHhG0JZvbOQ7HDqCPy9TjY0op5hoGgWdlGQZSof-WtY8-IUVismRrY_zVB2F3JdeXk9Knt0H1BM8eCfHxEyOEm9-O8HrSeji80Yc3zu_br-V3KngYa3Sss/s400/Screen+Shot+2016-06-25+at+18.27.54.png" width="400" /></a></div>
<br />
Some interesting hurdles:<br />
1. Auto-loading of games:<br />
In some extremely old versions of the SG website, I would add a separate page and custom box for each game available in our games list- a tedious hour-long process for what should have been essentially a single row in a SQL table. Eventually turning to this method, I modeled a template that pulls the game info from the SQL database with php, then fills three columns in a feed style with game tabs with some greedy column-height based javascript. However, I wanted the ability to test this code locally, with relying on the Fatcow-hosted SQL database. To keep myself from working with a blank game sheet, I changed the route of database, and type of information pulled, based on the pages observed URL- thus from localhost we hit the local repo, and from salazargames.com we hit the Fatcow repo. This ended up being an incredible boon, as I could much more quickly edit the local repo, to add option buy buttons, etc.<br />
<br />
2. Making custom Paypal buttons (without using images):<br />
Paypal has system built into their button creation that allows users to customize the button by adding their own images. The problem is, this keeps the buttons from having any interaction-defined image changes, leaving your button static on mouseover, click, and focus- which is detrimental to positive user interaction.<br />
The solution? The forms that paypal uses for their button only depend on the post request to paypals server, with the proper button ID (held in the images "value" field in their copyable embed code). If you grab this code, you can swap out paypals button of a submit button of your own choosing and styling- in fact, you can use the same form they give you, just with the replacement submit button as follows:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZGYFeEXJgz924fBYS56k4aGQLJQdaLYVph4ydz8AYvmGYfdah2SnsYdnNwcfvU6hS2Iad1uthVA9GOBOEo6hxBTdDAkwadGPBycgbKuz1gy-RXOfvGzbZKpDKwFD7W7KKfg6WhtqCtwk/s1600/Screen+Shot+2016-06-25+at+18.59.59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZGYFeEXJgz924fBYS56k4aGQLJQdaLYVph4ydz8AYvmGYfdah2SnsYdnNwcfvU6hS2Iad1uthVA9GOBOEo6hxBTdDAkwadGPBycgbKuz1gy-RXOfvGzbZKpDKwFD7W7KKfg6WhtqCtwk/s640/Screen+Shot+2016-06-25+at+18.59.59.png" width="640" /></a></div>
As long as the ID matches, Paypal doesn't care. In fact, this makes for rather easy storage of paypal links in the SQL database.<br />
<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/06325051212446187522noreply@blogger.com0tag:blogger.com,1999:blog-5223823265511548418.post-41218794253983779172016-06-22T23:00:00.000-07:002018-06-10T20:17:25.604-07:00Salazar Games Website (Remastering)Spent last night and this morning pouring through hundreds of fonts (mostly re-renderings of 8-bit arcade, a motion I find amusing, since the 8-bit arcade tried to look as good as possible, and here we are reversing their efforts) (retro pixelplay has found a following among "classic gamers", and I see the appeal of handcrafted pixelart- a digital cycling of the impressionists), and decided on a playful script typeface named "Luna" to open my redone version of my old game design company's site. Huge shoutout to underscore.js and bootstrap for easing my UI woes.<br />
<br />
Old Homepage:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP-zJy0KXWhBAxUQlRDgArVbFP9qeq4TxDKT0eDNx7BfsAdcd_2YxNvrO040qmk3bOB_dTwWC4Gyh9H4_fmCEfNXLOo0LfRdpterXPXceoa7KLYHCPjntVlxTbDQc6qApUonQypoqzgPk/s1600/Screen+Shot+2016-06-22+at+22.52.37.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP-zJy0KXWhBAxUQlRDgArVbFP9qeq4TxDKT0eDNx7BfsAdcd_2YxNvrO040qmk3bOB_dTwWC4Gyh9H4_fmCEfNXLOo0LfRdpterXPXceoa7KLYHCPjntVlxTbDQc6qApUonQypoqzgPk/s400/Screen+Shot+2016-06-22+at+22.52.37.png" width="400" /></a></div>
<br />
Remastered Homepage (with Luna font and gallery slideshow):<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr1isUmKclwa-_n9Q5ILZl0ZZD3OkCPnIR5sfalcKZ-CrbMkUzMfBK2ymqSuFFO4BMjibEXJnnd5pI9pt1APh28vuN0uI4UChIenF4w6a0Fbc2A2sMOGeCLP6rUL64by2R2ixp7IHd930/s1600/Screen+Shot+2016-06-22+at+22.46.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr1isUmKclwa-_n9Q5ILZl0ZZD3OkCPnIR5sfalcKZ-CrbMkUzMfBK2ymqSuFFO4BMjibEXJnnd5pI9pt1APh28vuN0uI4UChIenF4w6a0Fbc2A2sMOGeCLP6rUL64by2R2ixp7IHd930/s400/Screen+Shot+2016-06-22+at+22.46.34.png" width="400" /></a></div>
<br />
Games list (below slideshow):<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm8m8BjtADDoDJ_JESkZyJ64DHcs8hqmXxZeVtkdCVm7gXJLXI0fac0Dtx9ISBLeg43B2ixzF-jAbr1WH5FKqRz7VdAt1lVwroM_w0DjdE56ovgXOm3PvCBeaC70jN1A9uCDrb7MDERis/s1600/Screen+Shot+2016-06-22+at+22.46.43.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm8m8BjtADDoDJ_JESkZyJ64DHcs8hqmXxZeVtkdCVm7gXJLXI0fac0Dtx9ISBLeg43B2ixzF-jAbr1WH5FKqRz7VdAt1lVwroM_w0DjdE56ovgXOm3PvCBeaC70jN1A9uCDrb7MDERis/s400/Screen+Shot+2016-06-22+at+22.46.43.png" width="400" /></a></div>
<br />
And footer!<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIk-FZDOslwYFl1SUbXoFiHykpu-PnAq9fX2IO7eJrfpdD61o413iZgjzB5pNGqQVeGWFb2l7ILA0D7O5VQePtLIqh3Ci5iab5EekShtlgjMrwmRAs7Cx1pdYcNQAfwgY4aWZQtGBqdSg/s1600/Screen+Shot+2016-06-22+at+22.46.53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIk-FZDOslwYFl1SUbXoFiHykpu-PnAq9fX2IO7eJrfpdD61o413iZgjzB5pNGqQVeGWFb2l7ILA0D7O5VQePtLIqh3Ci5iab5EekShtlgjMrwmRAs7Cx1pdYcNQAfwgY4aWZQtGBqdSg/s400/Screen+Shot+2016-06-22+at+22.46.53.png" width="400" /></a></div>
<br />Anonymoushttp://www.blogger.com/profile/06325051212446187522noreply@blogger.com0tag:blogger.com,1999:blog-5223823265511548418.post-35258705699742200012016-06-21T08:18:00.000-07:002018-06-10T20:18:19.671-07:00Drone Control for Unnamed GamePut some morning hours into improving motion control for our virtual (big thanks to <a class="g-profile" href="https://plus.google.com/113312907597928960606" target="_blank">+Parke Bowman</a> for the sprite!) in the tower defense- granting some unique/odd angles to explore with the camera:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_B6WJ0iUWyepV4rZFniWcG6-sazECRrDQ1_oo609jJtErByXFMvTdub_uWiIyt3dkRWZzCljbz2Dk2DfMh9I58m02NIqSAiUzIEDAIyQGRKXqd0sg3T5F4HzrGcy-OIlgy7TIk53f348/s1600/Screen+Shot+2016-06-20+at+22.01.51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_B6WJ0iUWyepV4rZFniWcG6-sazECRrDQ1_oo609jJtErByXFMvTdub_uWiIyt3dkRWZzCljbz2Dk2DfMh9I58m02NIqSAiUzIEDAIyQGRKXqd0sg3T5F4HzrGcy-OIlgy7TIk53f348/s320/Screen+Shot+2016-06-20+at+22.01.51.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirKK-kxKPguddOnn9DO8I0iCLzAl0hIjcTFRYsz9nJJTirOqHLtYRC3DCfptYE9JF5eJBsEBD4IH7P3C68IZwp5DY6aYF3ttxKF6Os1Z0yK5lYyTCk6OK3MY1sKr78j305cAJVsJ_BzrA/s1600/Screen+Shot+2016-06-20+at+22.01.55.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirKK-kxKPguddOnn9DO8I0iCLzAl0hIjcTFRYsz9nJJTirOqHLtYRC3DCfptYE9JF5eJBsEBD4IH7P3C68IZwp5DY6aYF3ttxKF6Os1Z0yK5lYyTCk6OK3MY1sKr78j305cAJVsJ_BzrA/s320/Screen+Shot+2016-06-20+at+22.01.55.png" width="320" /></a></div>
<br />Anonymoushttp://www.blogger.com/profile/06325051212446187522noreply@blogger.com0tag:blogger.com,1999:blog-5223823265511548418.post-85538981960358064342016-06-06T18:14:00.001-07:002016-06-06T18:15:23.364-07:003D Tower Defense PrototypeBeen building a prototype for a 3D Tower Defense game after chatting with some friends- seemed like a perfect time to start a serious project in Unity. In the game, pirating ships will enter your cubic space station from any of six directions, then make their way towards the remaining lifeforce on the ship, or aim for various supply hangars. Your job is to protect these, directing drones through tunnels to rebuild the ships latent defense systems in third and first-person. Loving even the initial cubic visuals.<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlkrBIBWJouJLU8k-KLfAAqzVjj0QSgGELy0u3kePFju7vXuc1zJ8w-2XXCkSfJ3h8hy9h0Ai3E8NRZhKewx4x3lIlKt4T4F5lMbsA0eFbrq-qJTQUhbImETbIEY9A393T9ERmhmy0jjY/s1600/Screen+Shot+2016-06-06+at+18.03.34.png" imageanchor="1"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlkrBIBWJouJLU8k-KLfAAqzVjj0QSgGELy0u3kePFju7vXuc1zJ8w-2XXCkSfJ3h8hy9h0Ai3E8NRZhKewx4x3lIlKt4T4F5lMbsA0eFbrq-qJTQUhbImETbIEY9A393T9ERmhmy0jjY/s400/Screen+Shot+2016-06-06+at+18.03.34.png" width="400" /></a>Anonymoushttp://www.blogger.com/profile/06325051212446187522noreply@blogger.com0