UI Testing

seen from Germany

seen from Germany
seen from Hong Kong SAR China

seen from Germany
seen from Ireland
seen from China
seen from United Kingdom
seen from China

seen from Japan

seen from United Kingdom

seen from Germany
seen from China

seen from Australia

seen from United States

seen from Germany
seen from United States

seen from Norway

seen from Germany
seen from China
seen from Austria
UI Testing
Pushing and Pulling of Players and Obstacles. For combat and puzzle solving. Both have different stat requirements for pushing. Being pushed or pulled can also make you vulnerable to follow up attack.
Car configuratior simple style #animation #htmlcanvas #animate #carlovers https://www.instagram.com/p/CWqii8SF87-/?utm_medium=tumblr
Learn bootstrap 4 in atutorialhub for free and gain knowledge in bootstrap and also learn about all responsive design in the bootstrap #bootstrap #htmlcanvas #htmlcoding #responsivedesign #bootstrap4 #html #web #webdesign #webdevelopment #designpage #csstutorial #htmltutorialforbeginners #bootstarp (at India) https://www.instagram.com/p/CRtuZgoKuQZ/?utm_medium=tumblr
Messing around with some web speech and html canvas doommchips.github.io/sketches/timeline
SO here’s what I have right now
so since I just started this blog you don’t know what I’m working on right now or what my progress has been on it so I’ll just give you a quick summary and yea.
So a couple weeks ago i was looking at the page for Line Integrals on wikipedia and so i was really interested in the visual given for it and the neat little scalar field they had and stuff so I decided to make my own scalar field generator.
So I started off with my basic template for javascript canvas stuff. It looks like this and is just a basic grid to make some 2d javascript images on and yea whatever.
What I’ll have it to is:
Generate six points for the high points and low points of the field
make some sort of path between the points based on a function which is based on the points that will be the basis for the scalar field
based on some x and y coordinates given it will color that point (or area) a certain color depending on its height
and then you can do different things with it like take an actual line integral or maybe find the most efficient path from point A to point B or something like that
So far it looks like this
And it was particularly fun finding parabolas based on three points. I just took a generic expression for ax2 +bx + c, three points and solved for a,b, and c and yea. and you can do that for all or any three (x,y) point and get a unique parabola.
Now I am currently creating the part where it generates a color at a point based on its distance from the blue and red parabolas. However I realized I need to find out what the closest point on each parabola is based on the (x,y) point.
So currently I am working on this desmos page to get the zero points of g(x) in a general form so I can use that in my javascript code.
So I’ll find out the nearest point, use the distance that point is from the nearest point, and generate a color based on it.
HTML5 Canvas Introduction, what is canvas, basic example about canvas, my open course.
htmlCanvas
htmlCanvas is a small JavaScript library written by Nicolas Petton. It lets you build UI-widgets and dynamically create HTML content in JavaScript. And it's only 236 LOC.
You use it instead of template engines such as Handlebars, Mustach, Closure Templates, etc. But it's not exactly a template engine.
The basic metaphor used is one of painting on a canvas using brushes. The canvas is the DOM and the brushes HTML 'tags'.
The code to render a div that contains a header and body div can look like this:
html.div({'class': 'entry'}, html.h1(title), html.div({'class': 'body'}, content) );
Originally htmlCanvas was a part of Amber.js but Nicolas Petton rewrote it in JavaScript for Företagsplatsen. I don´t know the complete background, but I have been told that htmlCanvas is inspired by counterparts in Smalltalk frameworks such as Seaside and Illiad.
Why is it better?
Instead of a different format/language such in Handlebar templates, it's just plain JavaScript code. This means that you can break out parts and assign them to variables, create functions that create parts, manipulating the results, etc., just like regular code. You also don´t have to worry about simple errors such as closing HTML tags, quotes around attributes, etc., as the framework takes care of all that.