Does anyone use C2 for web design?

Discussion and feedback on Construct 2

Post » Sun Mar 22, 2015 9:38 pm

@squiddster - I noticed the parallax effect on the Airscape website. Do you mind if I ask what you used to construct the site and how you achieved the parallax effect? I like it. :)
Image
B
20
S
4
Posts: 382
Reputation: 2,874

Post » Mon Mar 23, 2015 7:51 pm

B
19
S
5
Posts: 188
Reputation: 1,878

Post » Fri Apr 03, 2015 9:58 pm

Arima wrote:I've been trying to make a website lately and hated Wordpress. It didn't allow me the customization I wanted, and I didn't want to have to try a thousand different themes to find one that was set up correctly. I am however new to Wordpress, and so possibly misunderstood how to use it.

Regardless, I recommend this: http://www.wysiwygwebbuilder.com I just tried it and it's similar in feel to C2, has lots of great features, drag and drop placement, isn't too expensive, has a free demo and you can even incorporate a C2 game as an element of a page rather than using C2 for the entire page itself without too much difficulty. Here's a peek at what I've been doing with it - I didn't mean to show this to anyone yet so please excuse how stuff is strewn about and misaligned as it's only for testing purposes: http://www.amirai.net/shards/

It has a couple of images rotating at faint opacity using CSS animation and a C2 game overlaid across most of the entire page for the trailing particles following the mouse. That required a little tweak to the index.html C2 generates to get the game to have a transparent background, but aside from that, no code editing was needed. The page itself is at a lower opacity, it's not normally supposed to be that dark, but you get the idea of some of what can be done.


What do you need in WP? I probably will be able to help you. Used to do it professionally.
My professional Royalty Free Music at Scirra Assets Store
--------------------------------
Specs: i5 2500, 16gb of ram, gtx 770, win 7, Focusrite Scarlett 8i6, Mackie mr8mk2, Alesis 320, browsing the net on chrome.
B
72
S
19
G
19
Posts: 1,920
Reputation: 16,937

Post » Sat Apr 04, 2015 5:26 am

Maybe the concerns if we want to use Construct 2 for web design is:

- In many browser Canvas elements is NOT hardware accelerated (specially mobile browser)
This is weird but this is fact and the contrary many CSS specially CSS3 tags is hardware accelerated (also true for mobile browser) so big chance is website using CSS design layout is lighter on resource and faster to render than Canvas based design.

- Rendering Website is very different than Rendering Games.
Rendering website NOT require real-time update but Rendering Games require 60 update per second (60 fps is Construct 2 standard)
Even if our website only have static contents but if they rendered using Canvas at 60 fps then activity like visiting and browsing our website will drain our phone battery faster like when we are playing games.
So just like why we prefer full HTML website than full Flash website.

- Maybe we can use WebGL to replace the Canvas but rendering DOM is very different than rendering Sprites.
such as rendering C2 Text Object will drop WebGL performance that why we use Sprite Font for better performance under WebGL because every changes on Text Object, WebGL need to generate new texture.
why-are-text-objects-more-intensive-with-webgl_t81232

- SEO (search engine crawler/bot can't browse our Canvas or WebGL sprites/elements)
This will make our website visibility on search engine is harder to get better top page ranking position on search engine results page.

- Content Management System using Construct 2 will be much more difficult.
because we manage 1 page = 1 layout, how if we have more than 100 pages? like how if we want to change our web look and feel - modify all 100 more pages one by one? also for only small changes, we must render whole site design and re-upload whole site, so maybe this only suitable for static small website but not for dynamic big website.

So imo if we want our site to reach much more wider audiences including those that using low-end phones then its better to use CSS and HTML but if we only target users with high-end phones then maybe we can use Canvas/WebGL for our websites :)
B
3
Posts: 20
Reputation: 207

Post » Sat Apr 04, 2015 9:12 am

@gamesura

Everywhere I tested it, apart from one single laptop, the canvas was hardware accelerated, not necessarily WebGL compatible, but still hardware accelerated.

C2 will not update the display if nothing changes (so indeed, your static objects would work fine), also, 60 fps is not C2 standard, the number of fps depends on the refresh rate of the device reported by the browser.

For dynamic, you could do just fine with reauesting external files technically, but this is another matter.

The real issue is simply to keep it light and easy for the user, and doing this with html+CSS is far easier and is designed for it.
https://www.scirra.com/forum/viewtopic.php?t=152506

And that is why you shall respect the bug reports guidelines, not only giving a capx is making the bug reproductible in one click in a situation they can work with (less time wasted trying to reproduce vague instructions) but also it helps filtering false positives.

Game design is all about decomposing the core of your game so it becomes simple instructions.
B
42
S
17
G
17
Posts: 2,097
Reputation: 15,863

Post » Sat Apr 04, 2015 3:54 pm

@Aphrodite
My statement about Canvas accelerated devices was from this facts:
- In my country there are many store sell super cheap low-end new Android phone that have single core, small RAM and weak GPU or maybe even no GPU at all.
- Webview from Android Kitkat 4.4 (also in built-in browser) is suffer from bugs that slowing down Canvas based app (this also affect many Cordova compatible app that using Webview)
http://code.google.com/p/android/issues/detail?id=62641
https://code.google.com/p/chromium/issu ... ?id=315111
- Desktop browser on many PC suffer from blacklisted GPU and also low performance for integrated GPU.
- Today there are many newer devices with better hardware specs but a year ago the conditions is different and rendering CSS3 is faster than Canvas, you can read about it in:
http://www.goodboydigital.com/to-dom-or-not-to-dom/

For 60 fps is Construct standard, i found it at:
https://www.scirra.com/blog/83/optimisa ... -your-time
" Most modern displays update at 60 Hz, so the target of the game is to run at 60 FPS, so each time the display updates there is a new frame of the game to show. If the game runs faster than 60 FPS, there is no visual improvement! "
and
https://www.scirra.com/manual/169/debugger
" Delta-time (dt) is set as if the game were running at 60 FPS. "
B
3
Posts: 20
Reputation: 207

Post » Sun Apr 05, 2015 12:25 am

megatronx wrote:What do you need in WP? I probably will be able to help you. Used to do it professionally.


Thanks for the offer, but I'm using the software I linked to instead. It's basically exactly what I want.
Moderator
B
89
S
32
G
33
Posts: 3,005
Reputation: 27,467

Previous

Return to Construct 2 General

Who is online

Users browsing this forum: lolantana and 14 guests