Posts

Showing posts with the label graphics

Text.

Image
Imagine that you do not have a fancy graphics monitor and card, in fact. all you have is a text only old unix terminal. What could you do?  How about a video: (ascii terminals do not have sound but it certainly can be included, but I misplaced that version of the video. Or you could play a neat 2d looks like 3d text adventure game. http://www.instructables.com/id/The-Oracle/step7/Bonus-game-2-Akalabeth-Re-Bourne/ or you could even do lots of other things. http://www.instructables.com/id/Graphics-in-a-text-world/

Easel web graphics.

Image
Easel is sort of a new "Logo" turtle language for web pages. You can create graphics very easily. They have a server for the time being, so you do not have to host the software. That is a plus. The package comes with many demonstration html pages to work with. Below is a super basic example. Simple beginner web page. <!DOCTYPE html> <html> <head> <script src="http://code.createjs.com/easeljs-0.7.0.min.js"></script> <script> function init() { var stage = new createjs.Stage("demoCanvas"); var circle = new createjs.Shape(); circle.graphics.beginFill("red").drawCircle(0, 0, 50); circle.x = 100; circle.y = 100; stage.addChild(circle); stage.addChild(new createjs.Shape()).setTransform(100,100).graphics.f("red").dc(0,0,50); stage.addChild(new createjs.Shape()).setTransform(100,100).graphics.f("green").dc(200,0,50); stage.update(); } </script> </head> <b...

Web now serving out drawing applications!

Image
Html5 is at this time the future of the web especially in terms of graphics. If you do a web search on html5+canvas, you will fine a boatload of information and usable snippets. Starter html5 web based drawing programs. The first one is for younger kids. Napkin notes: (aka canvas paint) Another canvas snippet. aka Canvasshop. This next program draw.io is definitely going on the server! Canvas.io: https://github.com/wtayyeb/draw.io Free book code: http://www.html5canvastutorials.com/cookbook/ $  wget -B http://www.html5canvastutorials.com/cookbook/ -r http://www.html5canvastutorials.com/cookbook/ Online tutorials: http://www.html5canvastutorials.com/tutorials/html5-canvas-element/ Cheatsheet: http://cheatsheetworld.com/programming/html5-canvas-cheat-sheet/ Free book teasers: http://filepi.com/i/LjiT0Uy http://filepi.com/i/uwCVDwS

Amazing graphics with text.

Image
In the last article, using older computers that does not use the fancy graphics of today. You actually can do quite a bit with text such as movies, radar screens and etc. though the old favorite of using a computer as a clock.  Source for the program is aclock.c ( http://www.tenox.net/out/ ) Another generic clock: vtcclock  ( http://webonastick.com/vtclock/ ) Many command line users really appreciate text graphics to make their terminals more interesting especially at the point of login. Want to see more?  More at:  http://www.instructables.com/id/Graphics-in-a-text-world/

Amazing graphics with text.

Image
In the last article, using older computers that does not use the fancy graphics of today. You actually can do quite a bit with text such as movies, radar screens and etc. though the old favorite of using a computer as a clock.  Source for the program is aclock.c ( http://www.tenox.net/out/ ) Another generic clock: vtcclock  ( http://webonastick.com/vtclock/ ) Many command line users really appreciate text graphics to make their terminals more interesting especially at the point of login. Want to see more?  More at:  http://www.instructables.com/id/Graphics-in-a-text-world/