# 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)