• fractals
    • fractals inleiding
    • fractals start artikel
    • parameters fractals start artikel
    • Amazing Box met _Rotate
    • Amazing Box, Sierpinksi fractal
    • formules
    • instellingen in het main venster
    • HeightMapsIFS om hoogteverschillen in fractals te realiseren
    • dIFS formules combineren
    • Amazing Surf en _gnarl2D_2 als tweede formule
    • amazing surf paddestoelen en bloemen
    • Mandelboxen: ABoxMod1, ABoxVaryScale2
    • ASurfMod1 met _AmazingBox
    • ABoxModKali gecombineerd met andere formules
    • conlyapunov een conditional switch formule
    • Tglad formules
    • vier fractal formules
  • App inventor
    • App inventor inleiding
    • vertaler app Ned naar Engels en Frans
  • shaders in GLSL
    • shaders in GLSL inleiding
    • gl_FragColor
    • Uniforms
    • gl_FragCoord
    • length() berekend de lengte van de pixelvector
    • smoothstep() inleiding
    • met smoothstep() een cirkel construeren
    • smoothstep() in een plot functie
    • smoothstep met niet lineare functies
    • mix() functie en meerdere curven
    • rechthoek met step functie in rect functie
    • vierkant met step functies
    • length() invoeren in de fract() functie
    • functies
    • kleuren palette van bewegingspatronen met functies
    • cirkels en rechthoeken met kleurenpallet
    • Signed Distance Field functies
  • webdesign
    • polaroid afb in joomla artikel
    • W3.css
    • SVG afbeeldingen
    • Fabrik calc element
    • Fabrik fotoalbum
    • Naar de parallax website
  • login
  • startpagina
  • AI op laptop
    • inleiding
    • anaconda installeren en omgevingen aanmaken
    • Training van de Fashion-MNIST-dataset met pytorch
    • Afbeeldingen cassificeren met MobileNet
    • MobileNet aanpassen en trainen 1
    • MobileNet aanpassen en trainen 2
    • 'bloem_model.h5', testen in een confusion matrix
    • 'bloem_model.h5', testen met bloem afbeeldingen
  • three.js
    • inleiding
    • start schets
    • torus, bol en kubus animatie
    • groep van 8 kubussen en 3 cylinders
    • drie kubussen met transparante afbeeldingen
    • animatie met twee shaders
    • animatie met vier shaders
    • wereldbeeld
    • spiegelbal
    • spiegelbol in VLSD
    • fractalbox
    • Low poly car als glTF bestand in Three.js
    • 7 animaties met STL vormen
    • open source notities
    • dancing in the air
    • reflectie in een spiegel
    • reflecties in twee spiegels
    • buffereometry met driehoeken
  • A-Frame VR 1
    • A frame inleiding
    • objecten boven de wolken
    • cylinder met boxen
    • Parallogrammen in VR
    • unindentified objects
    • VR tunnel
    • fractalbox
    • Ruimtestad 1
    • Ruimtestad in spiegelbox
    • gevangen in ruimtepuin
    • tunnel in ruimtepuin
    • Fractalstad
    • roterende fractalstad
    • tempel
    • fractalfantasie met bogen
    • Flower Power na bewerking
    • paddestoelenveld
    • Panorama fractal op sphere
    • pano fractal met boxen op sphere
    • disassembling flowers
  • A-Frame VR 2
    • A-Frame VR 2 inleiding
    • QR code's VR animaties
    • Fractals als cubemapbox afbeeldingen geregistreerd 
    • plein als cubemapbox afbeelding geregistreerd
    • gevangen in aliens
    • fractalschacht, animatie met cylinder
    • Component als DOM element
    • joystickknop events als component
    • forest hotel
    • fractaltunnel in fractalstad
    • Armada met dingbats van Manfred Klein
    • vier roterende dingbatboxen
    • P.5 zeshoeken animatie in A-Frame
    • p.5 vier hoekbalken en acht boxen
    • 6x10 roterende spiralen op kubus
    • p.5 dingbat animatie 1
    • drie cylinders als registerComponent
  • A-Frame shaders
    • inleiding
    • kleuren palet shader op sphere
    • shader met cirkels op sphere
    • shaders met bogen op rechthoeken
    • shaders met cirkels op rechthoeken
    • shader met bogen op torus
    • shader met cirkels op torus
    • shader met cirkels op torusknoop
    • tekst in shader met rechthoeken
    • tekst in shader met torus
    • tekst in shader met torusknoop
    • tekst in shader met cylinder
    • shaders op roterende vlakken
  • A-frame VR, VLDS
    • A-frame VR 3 inleiding
    • 360 graden video
    • 2 roterende 360 graden video's
    • torus met 3D afbeelding
    • eindeloze tunnel
    • partytime met bol
    • partytime met conus
    • halloween fun
    • wolken met spiegelbollen
    • wolken met spiegeltorus
    • wolken met spiegeltorusknoop
    • wolken met spiegelboxen
  • A-Frame AR
    • inleiding
    • Hiro en Kanji markers
    • customized image marker
    • barcode matrices marker tracking
    • rechthoeken animatie met barcode markers
    • GEO location tracking
    • natural feature tracking (NFT)
    • AR met barcode markers en 3d vormen
    • AR met barcode vogel en bloem

Flevopink

Favourite template

Van alles wat...
  • fractals
    • fractals inleiding
    • fractals start artikel
    • parameters fractals start artikel
    • Amazing Box met _Rotate
    • Amazing Box, Sierpinksi fractal
    • formules
    • instellingen in het main venster
    • HeightMapsIFS om hoogteverschillen in fractals te realiseren
    • dIFS formules combineren
    • Amazing Surf en _gnarl2D_2 als tweede formule
    • amazing surf paddestoelen en bloemen
    • Mandelboxen: ABoxMod1, ABoxVaryScale2
    • ASurfMod1 met _AmazingBox
    • ABoxModKali gecombineerd met andere formules
    • conlyapunov een conditional switch formule
    • Tglad formules
    • vier fractal formules
  • App inventor
    • App inventor inleiding
    • vertaler app Ned naar Engels en Frans
  • shaders in GLSL
    • shaders in GLSL inleiding
    • gl_FragColor
    • Uniforms
    • gl_FragCoord
    • length() berekend de lengte van de pixelvector
    • smoothstep() inleiding
    • met smoothstep() een cirkel construeren
    • smoothstep() in een plot functie
    • smoothstep met niet lineare functies
    • mix() functie en meerdere curven
    • rechthoek met step functie in rect functie
    • vierkant met step functies
    • length() invoeren in de fract() functie
    • functies
    • kleuren palette van bewegingspatronen met functies
    • cirkels en rechthoeken met kleurenpallet
    • Signed Distance Field functies
  • webdesign
    • polaroid afb in joomla artikel
    • W3.css
    • SVG afbeeldingen
    • Fabrik calc element
    • Fabrik fotoalbum
    • Naar de parallax website
  • login
  • startpagina
  • AI op laptop
    • inleiding
    • anaconda installeren en omgevingen aanmaken
    • Training van de Fashion-MNIST-dataset met pytorch
    • Afbeeldingen cassificeren met MobileNet
    • MobileNet aanpassen en trainen 1
    • MobileNet aanpassen en trainen 2
    • 'bloem_model.h5', testen in een confusion matrix
    • 'bloem_model.h5', testen met bloem afbeeldingen
  • three.js
    • inleiding
    • start schets
    • torus, bol en kubus animatie
    • groep van 8 kubussen en 3 cylinders
    • drie kubussen met transparante afbeeldingen
    • animatie met twee shaders
    • animatie met vier shaders
    • wereldbeeld
    • spiegelbal
    • spiegelbol in VLSD
    • fractalbox
    • Low poly car als glTF bestand in Three.js
    • 7 animaties met STL vormen
    • open source notities
    • dancing in the air
    • reflectie in een spiegel
    • reflecties in twee spiegels
    • buffereometry met driehoeken
  • A-Frame VR 1
    • A frame inleiding
    • objecten boven de wolken
    • cylinder met boxen
    • Parallogrammen in VR
    • unindentified objects
    • VR tunnel
    • fractalbox
    • Ruimtestad 1
    • Ruimtestad in spiegelbox
    • gevangen in ruimtepuin
    • tunnel in ruimtepuin
    • Fractalstad
    • roterende fractalstad
    • tempel
    • fractalfantasie met bogen
    • Flower Power na bewerking
    • paddestoelenveld
    • Panorama fractal op sphere
    • pano fractal met boxen op sphere
    • disassembling flowers
  • A-Frame VR 2
    • A-Frame VR 2 inleiding
    • QR code's VR animaties
    • Fractals als cubemapbox afbeeldingen geregistreerd 
    • plein als cubemapbox afbeelding geregistreerd
    • gevangen in aliens
    • fractalschacht, animatie met cylinder
    • Component als DOM element
    • joystickknop events als component
    • forest hotel
    • fractaltunnel in fractalstad
    • Armada met dingbats van Manfred Klein
    • vier roterende dingbatboxen
    • P.5 zeshoeken animatie in A-Frame
    • p.5 vier hoekbalken en acht boxen
    • 6x10 roterende spiralen op kubus
    • p.5 dingbat animatie 1
    • drie cylinders als registerComponent
  • A-Frame shaders
    • inleiding
    • kleuren palet shader op sphere
    • shader met cirkels op sphere
    • shaders met bogen op rechthoeken
    • shaders met cirkels op rechthoeken
    • shader met bogen op torus
    • shader met cirkels op torus
    • shader met cirkels op torusknoop
    • tekst in shader met rechthoeken
    • tekst in shader met torus
    • tekst in shader met torusknoop
    • tekst in shader met cylinder
    • shaders op roterende vlakken
  • A-frame VR, VLDS
    • A-frame VR 3 inleiding
    • 360 graden video
    • 2 roterende 360 graden video's
    • torus met 3D afbeelding
    • eindeloze tunnel
    • partytime met bol
    • partytime met conus
    • halloween fun
    • wolken met spiegelbollen
    • wolken met spiegeltorus
    • wolken met spiegeltorusknoop
    • wolken met spiegelboxen
  • A-Frame AR
    • inleiding
    • Hiro en Kanji markers
    • customized image marker
    • barcode matrices marker tracking
    • rechthoeken animatie met barcode markers
    • GEO location tracking
    • natural feature tracking (NFT)
    • AR met barcode markers en 3d vormen
    • AR met barcode vogel en bloem
  • fractals
    • fractals inleiding
    • fractals start artikel
    • parameters fractals start artikel
    • Amazing Box met _Rotate
    • Amazing Box, Sierpinksi fractal
    • formules
    • instellingen in het main venster
    • HeightMapsIFS om hoogteverschillen in fractals te realiseren
    • dIFS formules combineren
    • Amazing Surf en _gnarl2D_2 als tweede formule
    • amazing surf paddestoelen en bloemen
    • Mandelboxen: ABoxMod1, ABoxVaryScale2
    • ASurfMod1 met _AmazingBox
    • ABoxModKali gecombineerd met andere formules
    • conlyapunov een conditional switch formule
    • Tglad formules
    • vier fractal formules
  • App inventor
    • App inventor inleiding
    • vertaler app Ned naar Engels en Frans
  • shaders in GLSL
    • shaders in GLSL inleiding
    • gl_FragColor
    • Uniforms
    • gl_FragCoord
    • length() berekend de lengte van de pixelvector
    • smoothstep() inleiding
    • met smoothstep() een cirkel construeren
    • smoothstep() in een plot functie
    • smoothstep met niet lineare functies
    • mix() functie en meerdere curven
    • rechthoek met step functie in rect functie
    • vierkant met step functies
    • length() invoeren in de fract() functie
    • functies
    • kleuren palette van bewegingspatronen met functies
    • cirkels en rechthoeken met kleurenpallet
    • Signed Distance Field functies
  • webdesign
    • polaroid afb in joomla artikel
    • W3.css
    • SVG afbeeldingen
    • Fabrik calc element
    • Fabrik fotoalbum
    • Naar de parallax website
  • login
  • startpagina
  • AI op laptop
    • inleiding
    • anaconda installeren en omgevingen aanmaken
    • Training van de Fashion-MNIST-dataset met pytorch
    • Afbeeldingen cassificeren met MobileNet
    • MobileNet aanpassen en trainen 1
    • MobileNet aanpassen en trainen 2
    • 'bloem_model.h5', testen in een confusion matrix
    • 'bloem_model.h5', testen met bloem afbeeldingen
  • three.js
    • inleiding
    • start schets
    • torus, bol en kubus animatie
    • groep van 8 kubussen en 3 cylinders
    • drie kubussen met transparante afbeeldingen
    • animatie met twee shaders
    • animatie met vier shaders
    • wereldbeeld
    • spiegelbal
    • spiegelbol in VLSD
    • fractalbox
    • Low poly car als glTF bestand in Three.js
    • 7 animaties met STL vormen
    • open source notities
    • dancing in the air
    • reflectie in een spiegel
    • reflecties in twee spiegels
    • buffereometry met driehoeken
  • A-Frame VR 1
    • A frame inleiding
    • objecten boven de wolken
    • cylinder met boxen
    • Parallogrammen in VR
    • unindentified objects
    • VR tunnel
    • fractalbox
    • Ruimtestad 1
    • Ruimtestad in spiegelbox
    • gevangen in ruimtepuin
    • tunnel in ruimtepuin
    • Fractalstad
    • roterende fractalstad
    • tempel
    • fractalfantasie met bogen
    • Flower Power na bewerking
    • paddestoelenveld
    • Panorama fractal op sphere
    • pano fractal met boxen op sphere
    • disassembling flowers
  • A-Frame VR 2
    • A-Frame VR 2 inleiding
    • QR code's VR animaties
    • Fractals als cubemapbox afbeeldingen geregistreerd 
    • plein als cubemapbox afbeelding geregistreerd
    • gevangen in aliens
    • fractalschacht, animatie met cylinder
    • Component als DOM element
    • joystickknop events als component
    • forest hotel
    • fractaltunnel in fractalstad
    • Armada met dingbats van Manfred Klein
    • vier roterende dingbatboxen
    • P.5 zeshoeken animatie in A-Frame
    • p.5 vier hoekbalken en acht boxen
    • 6x10 roterende spiralen op kubus
    • p.5 dingbat animatie 1
    • drie cylinders als registerComponent
  • A-Frame shaders
    • inleiding
    • kleuren palet shader op sphere
    • shader met cirkels op sphere
    • shaders met bogen op rechthoeken
    • shaders met cirkels op rechthoeken
    • shader met bogen op torus
    • shader met cirkels op torus
    • shader met cirkels op torusknoop
    • tekst in shader met rechthoeken
    • tekst in shader met torus
    • tekst in shader met torusknoop
    • tekst in shader met cylinder
    • shaders op roterende vlakken
  • A-frame VR, VLDS
    • A-frame VR 3 inleiding
    • 360 graden video
    • 2 roterende 360 graden video's
    • torus met 3D afbeelding
    • eindeloze tunnel
    • partytime met bol
    • partytime met conus
    • halloween fun
    • wolken met spiegelbollen
    • wolken met spiegeltorus
    • wolken met spiegeltorusknoop
    • wolken met spiegelboxen
  • A-Frame AR
    • inleiding
    • Hiro en Kanji markers
    • customized image marker
    • barcode matrices marker tracking
    • rechthoeken animatie met barcode markers
    • GEO location tracking
    • natural feature tracking (NFT)
    • AR met barcode markers en 3d vormen
    • AR met barcode vogel en bloem

 

shader met bogen op sphere

 

shaders met cirkels op rechthoeken

 

shader met cirkels op torusknoop

 

shaders op roterende vlakken

A-Frame shaders  inleiding.                         terug naar de startpagina

                                 shader met cirkels op torus                   naar de animatie in fullscreen

 

Zie voor de code van de shaders  "cirkels en rechthoeken met kleurenpalet"
In de shaders wordt gebruik gemaakt van de palet functie van Inigo Quilez.
Je kan ook andere kleurcombinaties kiezen.
De schetsen , tekst in shader , maken gebruik van  "aframe-troika-text.min.js"
 
   
1 shader met cirkelbogen op sphere                     
2 shader met cirkels op sphere    tekst in shader met lijnen en cirkels op cylinder  
3 shader met cirkelbogen op rechthoeken      
4 shader met cirkels op rechthoeken    tekst in shader met lijnen en cirkels op rechthoeken  
5 shader met cirkelbogen op torus      
6 shader met cirkels op torus    tekst in shader met lijnen en cirkels op torus  
7 shader met cirkelbogen op torusknoop      
8 shader met cirkels op torusknoop    tekst in shader met cirkels in torusknoop  
9 shaders op roterende vlakken    
       

 

 
tekst in shader met lijnen en cirkels op cylinder
 
 

tekst in shader met lijnen en cirkels op rechthoeken

 

shader met cirkelbogen op torusknoop

© 2025 FavThemes