HTML5 WordPress Theme powered by Construct 2

Discussion and feedback on Construct 2

Post » Thu Mar 21, 2013 12:59 am

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 www.sportstarscreenprinting.com.au. I'm taking warnings into consideration but, I believe C2 is suitable for a Wordpress Theme.

techlord2013-03-21 05:28:42
TheGameDevStore.com
B
11
S
3
Posts: 12
Reputation: 1,241

Post » Thu Mar 21, 2013 5:26 am

Nice post, so it looks like Flash but HTML5 is supporting for mobiles.

I'm looking forward this thread
B
96
S
25
G
20
Posts: 3,054
Reputation: 22,642

Post » Thu Mar 21, 2013 7:27 am

[QUOTE=techlord]... I believe C2 is suitable for a Wordpress Theme.[/QUOTE]@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.
B
105
S
20
G
12
Posts: 549
Reputation: 20,320

Post » Thu Mar 21, 2013 8:05 am

@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.
B
96
S
25
G
20
Posts: 3,054
Reputation: 22,642

Post » Thu Mar 21, 2013 10:24 am

[QUOTE=Velojet] [QUOTE=techlord]... I believe C2 is suitable for a Wordpress Theme.[/QUOTE]@techlord
Are you sure? Any WordPress theme development I've done has been in PHP, not JavaScript (which is what C2 generates).

See http://codex.wordpress.org/Theme_Development.[/QUOTE]
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.

[QUOTE=Joannesalfa] @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.[/QUOTE]
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).

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





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

techlord2013-03-27 12:00:18
TheGameDevStore.com
B
11
S
3
Posts: 12
Reputation: 1,241

Post » Thu Mar 21, 2013 6:08 pm

@techlord
[QUOTE=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 ...[/QUOTE]Do 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.
B
105
S
20
G
12
Posts: 549
Reputation: 20,320

Post » Fri Mar 22, 2013 4:27 am

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.Joannesalfa2013-03-22 04:30:21
B
96
S
25
G
20
Posts: 3,054
Reputation: 22,642

Post » Sat Mar 23, 2013 6:58 am

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.techlord2013-03-23 07:03:08
TheGameDevStore.com
B
11
S
3
Posts: 12
Reputation: 1,241

Post » Mon Mar 25, 2013 5:06 am

[QUOTE=techlord] However, my priority at the moment is work out hyper-linking from interactive canvas objects.[/QUOTE] Found a topic at www.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.

<-- Here's a pic loading png for Constructicon (inspired by the Transformer's Decepticon Logo which fits perfectly in the HTML 5 logo.)techlord2013-03-25 05:06:28
TheGameDevStore.com
B
11
S
3
Posts: 12
Reputation: 1,241

Post » Tue Mar 26, 2013 12:14 am

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...
B
49
S
11
G
10
Posts: 1,833
Reputation: 14,418

Next

Return to Construct 2 General

Who is online

Users browsing this forum: No registered users and 18 guests