0 Favourites

HTML5 WordPress Theme powered by Construct 2

  • Greetings all. This is my first forum and my first C2 project. My goal is to develop an entertaining theme with highly animated gadgets and built-in arcade games for my UDK Game Software Website. The inspiration: what better way to power a website about games, than with a games engine? I created this post to blog my development. I will release the WordPress Theme (codename: Constucticon) free of charge when completed.

    I've read previous post on using C2 for website building:

    1. www.scirra.com/forum/construct-2-website-my-professional-webpage_topic44637.html
    2. www.scirra.com/forum/making-websites-with-construct-2_topic51310.html
    3. www.scirra.com/forum/wordpress-html5-construct-2_topic42974.html

    I was very impressed with Jax's sportstarscreenprinting.com.au. I'm taking warnings into consideration but, I believe C2 is suitable for a Wordpress Theme.

  • Construct 3

    Buy Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Buy Now Construct 3 users don't see these ads
  • Nice post, so it looks like Flash but HTML5 is supporting for mobiles.

    I'm looking forward this thread

  • ... I believe C2 is suitable for a Wordpress Theme.techlord

    Are you sure? Any WordPress theme development I've done has been in PHP, not JavaScript (which is what C2 generates).

    See this article about developing WordPress Themes.

  • Velojet i was supposed he could use AJAX and Browser Query Param how can get and post php files. It looks kind of hard work.

  • > ... I believe C2 is suitable for a Wordpress Theme.techlord

    Are you sure? Any WordPress theme development I've done has been in PHP, not JavaScript (which is what C2 generates).

    See codex.wordpress.org/Theme_Development.

    C2 is my intro HTML5, but, I have experience on web programming on the

    • Client-side: HTML,CSS,JavaScript
    • Server-side:PHP/MySQL,Coldfusion,ASP,CGI

    I'm currently using the wordpress.org/extend/themes/black-green and it uses JavaScript for a dynamic accordion display effect on the client side. I'm replacing Flash, DHTML with Constuct's HTML5.

    Velojet i was supposed he could use AJAX and Browser Query Param how can get and post php files. It looks kind of hard work.

    I would expect HTTP POST/GET Client request to operate traditionally. Please elaborate.

    I'm currently reviewing many different wp-themes and sites to get a feel of what I want to achieve visually. I really want to present some unique eye-candy that conveys FUN and EXCITEMENT (without a lot text-print clutter).

    <center>View image name for website (*.png -> *.com)

    <img src="http://www.hpquest.com/techlord/images/skillvillegames.png" border="0" />

    <img src="http://www.hpquest.com/techlord/images/mmorpg.png" border="0" />

    <img src="http://www.hpquest.com/techlord/images/steampowered.png" border="0" />

    <img src="http://www.hpquest.com/techlord/images/bigpoint.png" border="0" /></center>

    I would like a Theme with a menu similar to Games. Very simple and easy to use, little clutter. Below is a pre-vis.

    <center><img src="http://www.hpquest.com/techlord/images/ArcadeKomodo_theme1.png" border="0" /></center>

  • techlord

    ... I'm currently using the wordpress.org/extend/themes/black-green and it uses JavaScript for a dynamic accordion display effect on the client side. I'm replacing Flash, DHTML with Constuct's HTML5 ...o I take it that you're intending just to add some client-side effect to a WordPress theme, rather than completely developing a WP theme from scratch?

    Since you do have experience in PHP, you could go on from there to try your hand at full-scale theme development. You'll find that article. a good starting point.

  • I suggest you could make a C2 theme framework for wordpress. I'm not sure every php files are included in index.php inside of HTML5 canvas.

    Otherwise, index.php should be included one element like canvas with headers. Then in .capx it could include loop.php via AJAX and set text to read posts, then export to HTML5 and edit index.html to index.php with original wordpress index.php file.

    I recommend you to test php echo inside of canvas before to develop a theme.

  • Thanks for the link. I'm actually going with full scale Wordpress Plugin and Theme development for my website so, I'm referencing the entire codex.wordpress.org/WordPress_APIs.

    For testing, I've exported and uploaded the Space Blaster HTML5 index.html and c2runtime.js (unminified) source to my server. I relabeled file extensions to *.php so that I run the both *.html and *.js files thru the Hypertext Preprocessor. I've uploaded the media into a database. So far, the Tests (www.hpquest.com/ArcadeKomodo/wp_components/themes/c2_dev/SpaceBlaster/) are working as expected. The design for WP Theme is slowly forming in my mind's eye. Multiple canvases may be needed. However, my priority at the moment is work out hyper-linking from interactive canvas objects.

  • However, my priority at the moment is work out hyper-linking from interactive canvas objects.Found a topic at scirra.com/forum/hyperlinking_topic37159.html discussing hyperlinking. Scirra Dev/Ashley recommended putting a link in the File object's execute/run file action to launch a browser. That's a great start, however, a Plugin may be necessary. So I've been visiting w3schools.com to brush up on my JavaScript while reviewing the C2 Manual.

    <img src="http://www.hpquest.com/ArcadeKomodo/wp_components/themes/c2_dev/SpaceBlaster/logo.png" border="0" /> <-- Here's a pic loading png for Constructicon (inspired by the Transformer's Decepticon Logo which fits perfectly in the HTML 5 logo.)

  • I am really trying hard to see the benefit of using it for the whole page. All examples I have seen of it so far look like early flash/frontpage sites where everything is just big boxes... You also lose all indexing, etc... of content... I just don't see any reason to use this as the main content of the site as opposed to using it for specific dynamic content in canvases on the page. That sport shirt site really drives home the point of looking like a flash site from 10+ years ago. Not sure where the excitement is on that one. I am going to use it to create a nice under construction scene on my site but other than that, I really don't think there is any advantage to using it for the main content, and there are many disadvantages using it that way. At the end of the day, you are putting more effort into it than the return will likely get you...

  • techlord, would you make a github project? i like to contribuite it, i have 2 years of experience using wordpress.

  • I am really trying hard to see the benefit of using it for the whole page. All examples I have seen of it so far look like early flash/frontpage sites where everything is just big boxes... You also lose all indexing, etc... of content... I just don't see any reason to use this as the main content of the site as opposed to using it for specific dynamic content in canvases on the page. That sport shirt site really drives home the point of looking like a flash site from 10+ years ago. Not sure where the excitement is on that one. I am going to use it to create a nice under construction scene on my site but other than that, I really don't think there is any advantage to using it for the main content, and there are many disadvantages using it that way. At the end of the day, you are putting more effort into it than the return will likely get you...

    @BluePhaze yes you're right, actually there some flash sites look awesome and some flash sites look awful, it depends on the design.

  • I am really trying hard to see the benefit of using it for the whole page. All examples I have seen of it so far look like early flash/frontpage sites where everything is just big boxes... You also lose all indexing, etc... of content... I just don't see any reason to use this as the main content of the site as opposed to using it for specific dynamic content in canvases on the page. That sport shirt site really drives home the point of looking like a flash site from 10+ years ago. Not sure where the excitement is on that one. I am going to use it to create a nice under construction scene on my site but other than that, I really don't think there is any advantage to using it for the main content, and there are many disadvantages using it that way. At the end of the day, you are putting more effort into it than the return will likely get you... interactive 'under construction' game for your website is a great idea. I also intend to use C2 for games that are integrated into my website. I'm leaning towards using multiple C2 Canvases for interactive gadgets (ie: image slider show, image grids) on a page, verses a single C2 Canvas for the entire page. I visualize a web interface similar to a in-game menu. At this stage, I'm not sure if is or isn't possible as I'm still learning the ins and outs of C2 and HTML5. However, I believe its worth investigating.

    I believe the sport shirt site does a decent job as a C2 Website proof of concept. Yeah, the graphics could use work, but, as far as graphics aesthetics go, I'm soliciting a pro.

  • techlord, would you make a github project? i like to contribuite it, i have 2 years of experience using wordpress.es, I would like to collaborate. I use Perforce (www.perforce.com) for source version control. I'm not familiar with Git, however, Perforce offers a Git Fusion application (www.perforce.com/product/components/git-fusion). Lets discuss further.

    Visit the link below to view more details on the entire project:

    forums.epicgames.com/threads/948901-Arcade-Komodo-seeks-Multi-Talent-to-build-NextGen-Cash-driven-Tournament-Arcade

  • I'm finally starting to formulate an idea for Constructicon. I'm now considering the use of Construct to generate Full Page Wordpress Theme. I believe this strategy will allow me to embed the integrated games into the pages in a seamless manner. I found inspiration on (www.bigpoint.com/gameglobe). It contains a full page static background image and animated foreground images. The web interface is concise. It really captured my attention. I can easily visualize Website Interface in front, with an interactive background/parallax scrolling backdrop imagery in behind. Construct's Layer's system is perfect for this.

    So my current plan is to have a simple interactive backdrop game to compliment the Premiere Game on Arcade Komodo's Soft Console. Similar to the Premiere version, the Complimentary version allows Players to compete in tournaments and earn achievements usuable in the Premier. Arcade Komodo's Soft Console supports many game, so I'm working out a list of Gadgets and requirements for Constructicon to generate on a per game basis.

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)
Similar Topics Posts Views Last Post
Unread hot topic Locked topic
0 Favourites
Construct 3 any news?
889 125,640
uzumiapps's avatar
uzumiapps
Unread hot topic
353 32,112
yojona's avatar
yojona
Unread hot topic
313 26,509
Juryiel's avatar
Juryiel