HTML5 - New Technology

Welcome, Guest. Please login or register.
User ID   P-Word

Secure Sockets Layer Unlimited Web Hosting RSS
Recent Topics
Gallery Latest

79 Views
0 comment(s)

396 Views
0 comment(s)


500 Views
0 comment(s)

442 Views
0 comment(s)


793 Views
0 comment(s)

695 Views
0 comment(s)

Search The Gallery
Welcome, Guest. Please login or register.
April 14, 2021, 00:36:10 AM

Login with username, password and session length
Ai Specific Links

New Technology, Science etc


Pages: [1] 2
HTML5
Viewing: 0 Members and 1 Guest       Total Views: 6164

Offline 8pla.net Topic starter
United States WWW Posts: 210
Rank: Apprentice Adept

HTML5


I decided to post HTML5 under the category of new technology
instead of the graphics category in the forum.  

http://elizabot.com/HTML5

If you follow this link, you'll see a graphic... But, one you have
to program in HTML5 code, which is cool, and fun to make.

Posted March 16, 2015, 02:53:03 AM Logged
My Very Enormous Monster Just Stopped Using Nine

Offline DaveMorton
United States WWW Global Moderator
Posts: 3413
Rank: Certified
Comfort the Disturbed! Disturb the Comfortable!

Re: HTML5


I'd say "cute", but it's too early in the morning here for someone so angry at me to be "cute".

Still, good job, 8pla. Smiley thumbsup

Posted March 16, 2015, 13:43:45 PM Logged
Safe, Reliable Insanity, Since 1961!

Offline Data
United Kingdom Administrator
Posts: 8255
Rank: Certified

Re: HTML5


For the sake of keeping this thread accurate, your page uses some HTML 5 but does not validate because you have some old code on the page still. 

Try validating here:

http://validator.w3.org/

Posted March 16, 2015, 13:44:15 PM Logged

Offline DaveMorton
United States WWW Global Moderator
Posts: 3413
Rank: Certified
Comfort the Disturbed! Disturb the Comfortable!

Re: HTML5


Odd that I didn't spot that, seeing as I looked at the source to see how it worked. Give me some time to wake up, and I'll see if I can't get her to "talk" to visitors (words only. No sound. She's creepy enough without her actually vocalizing).

Posted March 16, 2015, 13:49:53 PM Logged
Safe, Reliable Insanity, Since 1961!

Offline 8pla.net Topic starter
United States WWW Posts: 210
Rank: Apprentice Adept

Re: HTML5


Try validating here:
http://validator.w3.org/

Thank you!  That was useful.

I'll see if I can't get her to "talk" to visitors.

I wonder if HTML5 is optimized to avoid flicker?

Posted March 16, 2015, 22:27:19 PM Logged
My Very Enormous Monster Just Stopped Using Nine

Offline Data
United Kingdom Administrator
Posts: 8255
Rank: Certified

Re: HTML5


I wonder if HTML5 is optimized to avoid flicker?

I'm not sure exactly what you mean there 8pla.net but my gut feelings says probably not optimized to avoid flicker.

I noticed that the page now validates  thumbsup

Posted March 17, 2015, 00:26:00 AM Logged

Offline DaveMorton
United States WWW Global Moderator
Posts: 3413
Rank: Certified
Comfort the Disturbed! Disturb the Comfortable!

Re: HTML5


Ok, this isn't what I started out to do, and what's there needs some tweaking, but I've got something "slightly" different.

http://dmorton.no-ip.info/tmp/html5/html5_canvas.php

Posted March 17, 2015, 11:50:45 AM Logged
Safe, Reliable Insanity, Since 1961!

Offline DaveMorton
United States WWW Global Moderator
Posts: 3413
Rank: Certified
Comfort the Disturbed! Disturb the Comfortable!

Re: HTML5


Thought I'd toss this out, too, though it's not really related:

http://dmorton.no-ip.info/tmp/html5/earth_animation.html

Posted March 17, 2015, 12:32:30 PM Logged
Safe, Reliable Insanity, Since 1961!

Offline DaveMorton
United States WWW Global Moderator
Posts: 3413
Rank: Certified
Comfort the Disturbed! Disturb the Comfortable!

Re: HTML5


Ok, still not what I had intended when I started, but it's kind of fun. Smiley

http://dmorton.no-ip.info/tmp/html5/html5_canvas2.php

Posted March 18, 2015, 16:31:15 PM Logged
Safe, Reliable Insanity, Since 1961!

Offline 8pla.net Topic starter
United States WWW Posts: 210
Rank: Apprentice Adept

Re: HTML5


I'm not sure exactly what you mean there 8pla.net but my gut feelings says probably not optimized to avoid flicker.

Video plays a number of frames per second.  Flicker may occur when a video frame has not been able to finish rendering within that fraction of a second.  Whatever part of the video frame that has not rendered may flash as a partial bright white color.

Posted March 20, 2015, 19:29:25 PM Logged
My Very Enormous Monster Just Stopped Using Nine

Offline 8pla.net Topic starter
United States WWW Posts: 210
Rank: Apprentice Adept

Re: HTML5


Ok, still not what I had intended when I started, but it's kind of fun. Smiley

Nice ideas, Dave!  I am looking to work some more with HTML5.

You know, I rendered Bézier curves in PHP too, using the Imagick class.

Posted March 20, 2015, 19:41:20 PM Logged
My Very Enormous Monster Just Stopped Using Nine

Offline DaveMorton
United States WWW Global Moderator
Posts: 3413
Rank: Certified
Comfort the Disturbed! Disturb the Comfortable!

Re: HTML5


I haven't worked with the Imagick class at all yet, since it proved to be very difficult to add to Windows, but I do a lot of image manipulation in PHP with the GD2 libraries. Granted, bezier curves are rather tricky to do without native functions to draw them out, but if you're good with math and geometry, you don't really need a native function to draw them. Smiley Just a LOT of math calculations. Tongue

Posted March 21, 2015, 05:25:02 AM Logged
Safe, Reliable Insanity, Since 1961!

Offline 8pla.net Topic starter
United States WWW Posts: 210
Rank: Apprentice Adept

Re: HTML5


I haven't worked with the Imagick class at all yet, since it proved to be very difficult to add to Windows

You hit the nail, right on the head... Surprisingly, it seems easier in HTML5 than in PHP with the Imagick class not readily available on shared hosting.




php_bezier_curve.png
HTML5
* php_bezier_curve.png (18.92 KB, 700x500 - viewed 464 times.)
Posted March 21, 2015, 15:15:03 PM Logged
My Very Enormous Monster Just Stopped Using Nine

Offline DaveMorton
United States WWW Global Moderator
Posts: 3413
Rank: Certified
Comfort the Disturbed! Disturb the Comfortable!

Re: HTML5


Fascinating. I'd be interested in seeing the code that produces that image, actually.

I know that this is taking this thread off topic, but I thought I'd share a little of what I'm working on in another place:

http://dmorton.no-ip.info/tmp/CSS_builder/cssbuilder.php

The basic premise here is to take an HTML structure (not necessarily one with content, but certainly one with a full and complete DOM structure), and use it to create a "blank" CSS file that includes element, class and id selectors for the input file's code. I think that I can have it extract any style data from the HTML code (either in a <style> tag, or using the STYLE attribute of a given element), though I haven't quite yet pursued that avenue. Actually, I just put in code to do just that, and it works quite well. Smiley

Posted March 21, 2015, 17:21:22 PM Logged
Safe, Reliable Insanity, Since 1961!

Offline 8pla.net Topic starter
United States WWW Posts: 210
Rank: Apprentice Adept

Re: HTML5


Fascinating. I'd be interested in seeing the code that produces that image, actually.

Original example: http://php.net/manual/en/imagickdraw.bezier.php#93518

Using this example with some math of my own:

Code:
<?php
    $width 
=  400;
    
$height 400;
   
    
$image = new Imagick();
    
$image->newImage$width$height, new ImagickPixel'#333344' ) );
   
    
$draw = new ImagickDraw();
    
$draw->setStrokeColor( new ImagickPixel'#666677' ) );
    
$draw->setStrokeWidth(3);
    
$draw->setFillColor( new ImagickPixel'#444455' ) );

    
$points = array
    (
        array( 
'x' => 52'y' => 322 ),   /* Starting point */
        
array( 'x' => 52'y' => 58 ),    /* Control point  */
        
array( 'x' => 337'y' => 315 ),  /* Control point  */
        
array( 'x' => 352'y' => 61 )    /* Ending point   */
    
);
   
    
$draw->bezier($points);
           
    
$image->drawImage$draw );
    
$image->setImageFormat"png" );
   
    
header"Content-Type: image/png" );
    echo 
$image;
?>

There were additional examples,  I'm trying to locate references to.  This is a nice, clean example.  So, I will start by extending this simple sourcecode listing referenced above.



simple_bezier_curve.php.png
HTML5
* simple_bezier_curve.php.png (16.07 KB, 400x400 - viewed 436 times.)
Posted March 21, 2015, 18:34:20 PM Logged
My Very Enormous Monster Just Stopped Using Nine
New Technology, Science etc ...
Topic Pages: [1] 2
Find this topic interesting? Register to join in.
Jump to:  

Site Activity
Most Online Today: 100
97 Guests, 1 User
DataBot
Site Activity
Most Online Today: 100
97 Guests, 1 User
DataBot