# virages.io

## ROADMAP

1. define a Marker in the viewport

- x
- y

2. define a ZoomArea

- x
- y
- w
- h

3. define a Mask

- Trace

## TOOLS

DSIGN SYSTEMS

- StoryLite
  https://atlas-viewer-storybook.netlify.app/#/stories/testing-ensuremouseeventsareaccuratewhenboxchanges
- micr.io
  https://i.micr.io/aoxENNv/en/poulpatore-bigjpg

BACK OFFICE

- https://atlas-viewer-storybook.netlify.app/#/stories/annotations-selectiondemo
- https://github.com/altert/OpenseadragonFabricjsOverlay
- https://dash.micr.io/u:ErWRfBqNb1ef0QEnIRPzkQ/tets/@aoxENNv/en

FRONT OFFICE

- https://canvas-panel.digirati.com/#/about
- https://canvas-panel.digirati.com/#/examples/fullpage?manifest=https://stephenwf.github.io/ocean-liners.json
- https://github.com/digirati-co-uk/canvas-panel/tree/master

CONCURENTS

- https://micr.io/
- https://archief.ntr.nl/tuinderlusten/en.html

LOGO
Virages est un outils pour les historiens de l'art qui veulent expliquer/analyser des images (peintures) en très haute résolution
Concevez un logo minimaliste, moderne pour virages.io, incorporant un V, les couleurs CMJN & RGB.

- [ ] drone clone as $USER
- [ ] https://github.com/ncsu-libraries/annona

ws apps :

- logo virages

logo
https://codepen.io/lrsordi/pen/rvWZPm

ALL: https://storiiies-editor.cogapp.com/
https://github.com/IIIF/awesome-iiif/tree/66f8c724ee7fdb44f750ed4d7cedad449bb5f7a3

FRONT: OpenSeaDragon
FRONT OFFICE: https://annotorious.github.io/guides/annotorious-in-vue/

BACK: vips (Zoomable or ZoomHub)
BACK office : https://annotorious.github.io/getting-started/

https://github.com/IIIF/awesome-iiif

IIIF
Giga pixel

- [ ] load a picture from a props on mounted in a 2d canvas
- [ ] display that picture with a good ratio and cover the full window
- [ ] a method focusOn(x, y, zoom) will change the scale of the image targetting a specific point
- [ ] at any moment the picture is showing in a good ratio even when the window is resized

Watch an erotic dream world where desire, colorful fantasy and poetic body parts intertwine.
https://vimeo.com/ondemand/uneruedanssalongueur

calvitie

forme de nudité
ex :

- Hunter Thomson
- Gérard jugnot
- Sébastien Tellier

qu'apporte l'analyse
artistique ?
quel est son sens ?

l'analyse peint une âme à l'oeuvre, elle renvoit la passion à l'objet d'art.
En ce sens l'analyse peut enfermer l'oeuvre dans un cadre, dans des lignes droites comme elle peut démontrer son aura par l'interprétation voir la surpasser par la sur-interprétation.

un film aléatoire

https://shop.gandi.net/en/6514bca2-b7cc-11ec-87b3-00163eada87b/domain/suggest/7cf99682-e92f-45d9-a87c-01d4d07999ca?search=msledchildren.com

- [ ] display one picture !!!!!!!!!
- [ ] 2 dyn canvas size of the window
- [ ] 3 setView (position, zoom, duration)
- [ ] 4 crop selection
- [ ] 5 filters
- [ ] 6 journey
- [ ] 7 UI : https://www.nextrembrandt.com/
- [ ] display 2 pictures
- [ ] overlay pictures
- [ ] freeway mode
- [ ] possible effect on art click https://tympanus.net/codrops/2023/03/14/fullscreen-clip-animation/

# IA & painting Art:

- [ ] IA shcema to painting : https://github.com/alexjc/neural-doodle
- [ ] Depth Estimation of a painting
- [ ] Object Detection in painting
- [ ] Perspective Detection in painting
- [ ] Inpaint in ... well painting :)

### rembrandt:

https://www.youtube.com/results?search_query=tu+delft+rembrandt

### Depth map

Inpainting / Outpainting -> youtube
https://github.com/AUTOMATIC1111/stable-diffusion-webui
https://github.com/docker-mailserver/docker-mailserver

https://tresjs.org/examples/load-textures.html
https://atroposjs.com/docs/vue#whats-next

- découpe d'une image avec clip - d'abord basic ellipse ou cercle
  MODULES:

- errance [tuiles + zoom + full screen]
- histoire [tuiles + scroll + zoom]
- analyse [click + zoom + animation
- épaisseurs [3d]

## Pourquoi virages alors que l'art génératif existe ?

Si visuellement l’art génératif illustre très bien un article, même en tâtonnant il est impossible d'avoir exactement ce que l'on désir.
C'est l'occasion à l'art visuel traditionnel de mettre en avant ce qui fait sa spécificité, l'intention de son auteur.
Le mot artiste ne veut rien dire.
Il n'y a pas d'artiste,
Il n'y a que de l'art et leurs auteurs.

### MARCHÉ :

https://www.tumblr.com
https://behance.net
https://vitali-studio.com
https://issuu.com
https://cargo.site
https://www.artsy.net/
https://www.flickr.com

### THEMES:

plutôt que perdre du temps sur du web design fait et refait,
pourquoi ne pas créer des thèmes sur des modèles comme :

- https://www.apple.com/fr/newsroom/
- https://www.louvre.fr/en/what-s-on/exhibitions/leonardo-da-vinci#exhibition-overview
- https://salvatormundirevisited.com/

### CSS

backdrop-filter
Filter color on hover :
https://cosmicmagazine.com.au/

Folio for photographie & paintings
OU
CMS pour portfolio au plus généralement site créatif (EvilSpins)

Virag.es is a fullstack "framework" since it's a CMS
Virag.es back should be build with the best back (prisma nest) framework & vue

## Photo

- meta
- raw compat
- correction ...

## Paintings

- explorable table
- compte-fils / thread counter (https://codesandbox.io/s/github/WebsiteBeaver/vue-magnifier)
- video ?
- animation half per half (comme pour Lucie 3)
- VHS effect : https://www.ssion.com/
- painting light (filmer une peinture avec peu de lumière et avec une lumière à fond)

## Lister toutes les références & symbole dans une page qui s'appelerai Mythologie

## DESIGN / FEATURES :

- mobile first -> scroll first
- FEAT :: zoom
- FEAT :: blur / focus
- TOOL :: weaver's glass
- TOOL :: "duality" slider-mask
- TOOL :: themes
- TOOL :: specific metas (paint, COLORS (auto gen from photos ?), catégories or tags or both ? ), paper, paint, nuancier,
- TOOL :: class by 'sketchbook, a sketchbook as a sticker'logo ET/OU a name.'
- TOOL :: Layer; overlay several photos of the paint and add a cursor-switch, looking-glass, desktop light spot
- VIDEO :: joconde traveling
- TOOL :: influence desc
- TOOL :: pistes de lectures alphabet (numérique et lettres)