Grafika Komputerowa - Studium Podyplomowe dla Nauczycieli

- Prezentacje w formacie Adobe Acrobat PDF -

• SPN-Grafika-1.pdf
• SPN-Grafika-2.pdf
• SPN-Grafika-3.pdf

- Zadania -

• Zadanie nr 1 (wymagane)
• Zadanie nr 2 (wymagane)
• Zadanie nr 3 (dodatkowe)
• Zadanie nr 4 (dodatkowe)
• Zadanie nr 5 (opcjonalne)

- Software -

• Programy instalacyjne (PoV-Ray, VirtualDub i in.)

Animacje

- Przykłady -

• Persistence of Vision Raytracer - krótkie wprowadzenie dla WFiIS SPN [PDF]
• Generacja obrazów scen 3-D - przy pomocy programu POV-Ray
• pov-examples/ - przykład konfiguracji prostej animacji w POV-Ray

- Strony WWW -

• POV-Ray - The Persistence of Vision Raytracer
• POV-Ray - Documentation for version 3.7
• POV-Ray - official documentation wiki
• POV-Ray - official how-to wiki
• POV-Ray - podstawy
• POV-Ray - PROGRAMOWANIE 3D
• Bardziej zaawansowane podstawy POV-Raya
• Descriptions and Examples for the POV-Ray Raytracer (in memoriam of Friedrich A. Lohmueller)
• 3D Animation with POV-Ray (in memoriam of Friedrich A. Lohmueller)
• 3D Animation with POV-Ray (in memoriam of Friedrich A. Lohmueller)
• POV-Ray Isosurface Tutorial (by Mike Williams)
• Samouczek POV-Ray - prezentacja (PL) [PDF]
• Introduction to POV-Ray - wprowadzenie do POV-Ray 3.6 (EN) [PDF]
• POV-Ray Reference - dokumentacja POV-Ray 3.6 (EN) [PDF]

• Art of Illusion - Home & Tutorials
• Art of Illusion - manual for ver. 3.2
• AoI - Animacja - Tutorial by Piotr Panasiuk (PDF)
• AoI - Spinning Earth Tutorial by Marc Carson
• AoI - 3D Twist Tutorial

• Breeze Designer - 3D Modeler and Design
• Breeze Designer - User Guide

• VirtualDub - video capture/processing utility
• IrfanView - graphic viewer
• Składanie animacji w VirtualDub (PDF)
• Składanie animacji (AVI) z serii klatek (TGA, BMP...) w VirtualDub

Grafika WWW

- Przykłady -

• HTML5 - przykład integracji SVG+MathML
• grafika SVG - przykład SVG+SMIL+ECMAscript
• grafika Canvas - przykłady HTML5+Canvas+Javascript
• grafika X3DOM - przykład WebGL+X3D+X3DOM+ECMAscript



• animacja SVG - przykład obsługi SVG za pomocą Javascript w starszych przeglądarkach

- Strony WWW - SVG -

• Firefox Nightly Builds (Aurora)

• Inkscape - Home & Tutorials
• INKSCAPE 0.45 Poradnik by Jan Walkiewicz (PDF)
• WikiBooks - wprowadzenie do SVG
• Inkscape Tutorial: PacMan-owe duszki
• Welcome to the Inkscape Beginners’ Guide!
• Inkscape: Guide to a Vector Drawing Program
• GIMP Forum - Indeks Tutoriali Inkscape
• WikiBooks - krótki podręcznik Inkscape
• Inkscape. Ćwiczenia praktyczne
• GoInkscape! - Tutorials, Tips, & Videos
• FLOSS Manuals - Inkscape
• The Inkscape tutorials blog

• MSDN: Kurs HTML5 - SVG - Animacja
• Jenkov: SVG - SMIL Animation
• Jenkov: SVG - Scripting
• carto.net SVG tutorial, example and demonstration site
• SVG animation with JavaScript and SMIL
• KevLinDev tutorial on SVG including animation
• Mozilla Developer Center - Getting Started with SVG
• Mozilla Developer Center - SVG animation with SMIL
• Mozilla Developer Center - Using CSS animations
• Mozilla Developer Center - Web Animations API
• Mozilla Developer Center - How CSS works

- Edytory/Biblioteki - SVG -

• SVG-edit - fast, web-based, javascript-driven SVG drawing editor that works in any modern browser
• AniGen – browser-based, free and open source SVG animation editor - local demo
• Raphaël - small JavaScript library uses the SVG for creating graphics
• Snap.svg - JavaScript SVG library for the modern web
• GoInkscape! - tutorials for Inkscape & Snap.svg

- Strony WWW - HTML5/Canvas -

• MSDN: Kurs JavaScript
• Mozilla Developer Center - JavaScript first steps
• Mozilla Developer Center - Canvas tutorial
• MSDN: Kurs HTML5 - Canvas - Animacje
• kursjs.pl: Kurs Javascript - Canvas
• W3Schools - HTML 5 Canvas
• w3resource - HTML5 Canvas Tutorial with basic JS animation
• Canvas - Dive Into HTML5

• kursjs.pl: Canvas animacje
• Mozilla Developer Center - Animation Using CSS transitions
• Mozilla Developer Center - Using the Web Animations API

- Edytory HTML5/Canvas -

• HTML Canvas Studio (online)
• Canvimation - Open Source, online vector drawing and animation application
• CodePen - playground for the front end web

- Testowe procesory HTML (headless browsers) -

• PhantomJS - a headless browser with a JavaScript API for DOM handling, CSS selector, JSON, Canvas, and SVG
• SlimerJS - scriptable browser for Web developers for functional tests, page automation, screen capture
• CasperJS - builds full navigation scenarios using high-level functions

- Strony WWW - WebGL/X3D -

• Mozilla Developer Center - Getting started with WebGL
• X3DOM open source framework supports X3D elements as part of any HTML5 DOM tree
• Official X3DOM tutorials
• imagetostl - online convert Model VRML Files to X3D
• view3dscene - VRML to X3D encoding converter
• SpiderGL - biblioteka funkcji JavaScript do rysowania w WebGL

• Seamless3d - open source 3D modeling software (exports to VRML, X3D Obj and POV-Ray formats)
• X3D-Edit - Authoring Tool for Extensible 3D (X3D) Graphics
• X3D for Web Authors - Slides
• X3D for Web Authors - Examples Archive
• X_ITE is a X3D JavaScript → interactive demo
• Component-Editor - simple 3D component editor, based on X3DOM
• Component-Editor - local demo

• Eclipse Temurin - download open source Java SE based upon OpenJDK
• Rebex Tiny Web Server - download simple, minimalist web server

- Przykłady -

• box-sphere.x3d - przykład pliku X3D (format XML)

- Podręczniki -

• Informatyka Europejczyka. Podręcznik dla szkół ponadpodstawowych. Zakres podstawowy. Część 1 - cykl wydawnictwa Helion
• Informatyka Europejczyka. Podręcznik dla szkół ponadgimnazjalnych. Zakres rozszerzony. Część 2 - cykl wydawnictwa Helion