BRIDGE is a collaborative project for fx(hash), conceived by Camille Roux.

Overview

BRIDGE collaborative project for fxhash

BRIDGE is an experimental project for fxhash. Any artist can contribute. The main rule: draw the tiles at the given coordinates. While they are quite visible, you can add everything you want: birds, stars, grass, reflexions, circles... You don't have to draw a real bridge, take the theme as a metaphor. For each minted edition, there'll be a default style, but you will be able to try all the other styles by clicking/touching the image.

The story

I'm Camille Roux (@camillerouxart). I planned to do a lot of collab this year with fxhash artists I like, but it takes too much time (or maybe I like too much artists 🤣 ). Some days ago, I woke up with this idea in mind: "Hey! What if I make a collaboration with all the artists I like at once!". This is how the BRIDGE project was born.

Moreover, I love the mutual aid and solidarity between fxhash generative artists. The BRIDGE can be seen as a symbol of the link between us ♥️

📋 The rules

If you contribute to the project, you must accept the following rules:

  • I can mint this project on my fxhash profile with any subset of styles. (If you've an idea about what I could do with the unselected styles, let me know!)
  • I'll select the styles I'll mint
  • I'll share manually and equitably the primary market revenue of the/each mint with the creators of the styles included in that mint (the 2sd market revenue is for me) when the project we'll be sold out.
  • You can't mint/drop it yourself
  • For now, I expect there to be about 20-30 editions of each style in the drop.
  • Dead line: February 20th 23:59 CET.
  • I will announce the selected projects on February 21 on my Twitter account and I will create a branch (tag? release?) for the project I'll mint.
  • I'll mint the projet on my fxhash profile, the February 22th 18:00 CET. For pricing, I'll do a Dutch auction.

🧑‍💻 How to contribute

  • fork then clone the project
  • run npm i
  • duplicate the ./styles/boilerplate.js, change the name and info
  • in index.js add your style Class to stylesClasses and set defaultStyleClassId to only see your style
  • run npm start to launch the project
  • create a pull request when you're ready (don't need to be ready to mint, you can commit as soon as you've something to show)

🤩 How to be selected

In order to have your style selected, it must:

  • be dimension-less (same output whatever the canvas dimensions)
  • be determist (same output if you refresh with the same hash)
  • draw the tiles at the correct place (tiles must be not move if you change style)
  • write your tez wallet adress in the comment in your code so that I can give you a share of the primary market revenue
  • have fun, make something awesome, collab with other artists (yes, why not a collab in a collab!)... ♥️

🚀 How to help this project

  • Talk about this project, share this page...
  • Create a style if you know how to code
  • Introduce the project to the artists you would like to see participate
  • Fix bugs, answer questions, add documentation, give feedbacks...

💻 Technical info

  • The 3D coordinates of point of the bridge is represented by a p5.Vector with the following dimensions:
    • x: from -gridSizeX / 2 (left) to gridSizeX / 2 (right)
    • y: from 0 (front) to gridSizeY (back)
    • z: from 0 (down) to 1 (up)
  • The 2D coordinates of the tiles are an array of p5.Vector. The coord go from (0,0) (top left) to (1,1) (bottom right). So you'll have to multiply them by s at drawing (this is done to be dimension-less)

🖼 26 Styles included the fxhash mint

Style Twitter fxhash 💰
ada_ada_ada.js @ada_ada_ada_art https://www.fxhash.xyz/u/Ada%20Ada%20Ada
anaglyphic.js @anaglyph_ic https://www.fxhash.xyz/u/anaglyphic
aqwunderscorezert.js @Aqw_Zert https://www.fxhash.xyz/u/Aqw_Zert
bridgetunnel.js @CablesAndPixels https://www.fxhash.xyz/u/Laurent%20Houdard
camilleroux.js @camillerouxart https://www.fxhash.xyz/u/Camille%20Roux -
camilleroux2.js @camillerouxart https://www.fxhash.xyz/u/Camille%20Roux -
davidesq.js @emcyze https://www.fxhash.xyz/u/David%20Esq
devnull.js @lostpunks https://www.fxhash.xyz/u/devnull
elsif.js @ElsifThen https://www.fxhash.xyz/u/elsif
estienne.js @Estienne_ca https://www.fxhash.xyz/u/Estienne
frederative.js @frederative https://www.fxhash.xyz/u/frederative
generativepen.js @GenerativePen https://www.fxhash.xyz/u/Generative%20Pen
gorik.js @gorikfr https://www.fxhash.xyz/u/Gorik
grosgg.js @grosgg https://www.fxhash.xyz/u/grosgg
jeres.js @heyjeres https://www.fxhash.xyz/u/jeres
julabat.js @julabat https://www.fxhash.xyz/u/julabat
lunarean.js @lunarean https://www.fxhash.xyz/u/lunarean
makio64.js @makio64 https://www.fxhash.xyz/u/Makio64
mandybrigwell.js @mandybrigwell https://www.fxhash.xyz/u/mandybrigwell
matt_circles.js @matt_circles https://www.fxhash.xyz/u/Matt%20Circles
nickdima.js @nickdima https://www.fxhash.xyz/u/Nick%20Dima
phil_osophie.js @phil_osophie https://www.fxhash.xyz/u/phil_osophie
robinmetcalfe.js @solarise_webdev https://www.fxhash.xyz/u/Robin
rvig.js @rvig_art https://www.fxhash.xyz/u/rvig
shuhblam.js @shuhblam https://www.fxhash.xyz/u/shuhblam
wilke.js @ClausWilke https://www.fxhash.xyz/u/clauswilke

The code minted on fxhash is from the fxhash branch

💰 Money

  • Primary market is: 4050.00 tez
  • Fees are: 2.5%
  • So "net revenue" is: 3948.75 tez
  • They are 26 styles in the minted project so each included contributor will receive: 151.875 tez.
Comments
  • Lunarean style somehow interferes with other styles

    Lunarean style somehow interferes with other styles

    Easiest way to reproduce: Comment out all styles except Lunarean and Boilerplate, then cycle between styles. After Lunarean has been drawn, Boilerplate turns very dark. Other styles are similarly affected.

    opened by clauswilke 8
  • Style calling this._p5.pixelDensity(1) makes other styles blurry

    Style calling this._p5.pixelDensity(1) makes other styles blurry

    https://github.com/camilleroux/fxhash-bridge/blob/f977805e41c42bc358257b1f30979303d6d9aaa5/src/styles/frederative.js#L24 Not sure what the best fix is, maybe save the default pixelDensity and restore it before switching styles.

    opened by elsifthen 5
  • Some thoughts about the token description (FXHASH_INFO.md) and project in general

    Some thoughts about the token description (FXHASH_INFO.md) and project in general

    I didn't want to just go in and edit without having a conversation first. Some thoughts:

    • Do we want to include a link to the github repo? To me this is a major part of the story, we can actually go and look how all the different styles were implemented. And all the code is out in the open now, for everybody to see, so presumably the goal is to keep it that way.

    • We should add some licensing terms to either the code or the art. Many people like the NFT license (https://www.nftlicense.org/). I personally have some reservations about it, so I don't use it in my own projects, but I won't be opposed to it if you like it for this project. Alternatively, putting all the code under CC-BY-NC-SA might be a good idea. I see several style authors have followed my lead and have already licensed their code that way.

    • (Unrelated to token description) I think all style authors should add a clear copyright/license notice to their style, so there can be no legal confusion about what can and cannot be done with the code.

    Those are the major points I can think of right now. I have some minor suggested edits to the token text that I think I'll just propose in a PR.

    opened by clauswilke 4
  • Aqw_Zert style interacts with other styles

    Aqw_Zert style interacts with other styles

    As an example, see Estienne style rendered before and after Aqw_Zert has been rendered.

    Before: Screen Shot 2022-02-20 at 10 12 55 PM

    After: Screen Shot 2022-02-20 at 10 13 10 PM

    @AqwUnderscoreZert Any unusual features that you use that need to be reset between drawing different styles? See here for all the things we're resetting already: https://github.com/camilleroux/fxhash-bridge/blob/1c6cc2c513c15d9f7c8970a4533be5c4975c5852/src/index.js#L181-L191

    opened by clauswilke 3
  • mandyBrigwell style is not dimension-less #2

    mandyBrigwell style is not dimension-less #2

    Hi @mandyBrigwell

    After checking, once again your project, it still shows the different tiles form problem... It looks like an issue with some rounding (using int() or floor()).

    image

    opened by AqwUnderscoreZert 3
  • bfos style is not dimension-less

    bfos style is not dimension-less

    Hi @bfos,

    The point sizes are not proportional to this._s, so your style is not dimension-less currently: https://github.com/camilleroux/fxhash-bridge/blob/49de348d0e2be4b0153bb533fd71a77b47624d15/src/styles/bfos.js#L109

    opened by camilleroux 3
  • Add bfos Style

    Add bfos Style

    Thanks so much, Camille. I've learned so much from this project!! I can't wait to dig into everyone's styles to see how they pulled off so many amazing things!

    opened by bfos 2
  • bfos style is not dimension-less

    bfos style is not dimension-less

    Hi @bfos

    Pixels density is changing when I'm resizing the image: (different sizes, same hash). You need to adapat the stokeWeight with the scaling factor:

    this._p5.strokeWeight(1) => this._p5.strokeWeight(1*this._s)

    image

    opened by AqwUnderscoreZert 0
Owner
Camille Roux
Co-fondateur de @HumanCoders
Camille Roux
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Project template repo for generative art projects on the fx(hash) platform

fx(hash) x thi.ng project template About This template repo provides a compact, ready-to-go scaffolding for generative art projects aimed at the fx(ha

thi.ng 38 Dec 21, 2022
Eth-explorers-extension - Chrome extension to open Ethereum addresses & transaction hash from any page on popular explorers + dashboards

eth-explorers-extension(s) This repository contains two folders with two extensions that work for address and transactions respectively. 1. eth-addres

Apoorv Lathey 71 Jan 6, 2023
A bridge between different EVM based Chains.

Blockchain Bridge between different Ethereum based chains. This project uses DApps and smart contracts to Bridge assets between blockchains and it is

Yadav! ✔ 4 Jun 2, 2022
A postMessage bridge to connect to dapps loaded into an iframe.

cardano-dapp-connector-bridge A postMessage bridge to connect to dApps loaded into an iframe. Motivation In April 2022, browser extensions are the onl

Tastenkunst GmbH 15 Oct 11, 2022
StarkNet wallet <-> dApp bridge

get-starknet StarkNet wallet <-> dApp bridge Alpha version Goals Allow dApps to seamlessly connect to any wallet on StarkNet Allow wallets to seamless

null 44 Dec 21, 2022
Hash.js is a 0.5 KB script that lets you in a super simple way manipulate everything behind # in urls.

Hash.js - URL Hash Manipulation Hash.js is a 0.5 KB script that lets you in a super simple way manipulate everything behind # in urls. Tested in lates

Jonny Strömberg 152 Aug 1, 2022
A collaborative project to parody the once exceedingly popular video game Cloud from ThatGameCompany.

A collaborative project to parody the once exceedingly popular video game Cloud from ThatGameCompany.

Yuuki Sora 3 Mar 5, 2022
An open, collaborative and evolving character creator project for the open metaverse.

Avatar Creator An open, collaborative and evolving 3D avatar creator for the open metaverse. Want to contribute? Please check out the issues, or submi

Atlas Foundation 23 Dec 17, 2022
Collaborative /r/place 2022 template userscript

[inactive] /r/Place 2022 collaborative minimap userscript Help /r/MyLittlePony get a pony on /r/place! Help /r/ainbowroad build a rainbow road on /r/p

r/ainbowroad 15 Aug 26, 2022
Collaborative /r/place 2022 template userscript

[inactive] /r/Place 2022 collaborative minimap userscript Help /r/MyLittlePony get a pony on /r/place! Help /r/ainbowroad build a rainbow road on /r/p

r/ainbowroad 13 Apr 6, 2022
CodeTogether is a platform that aims to bring all the developers and coders together to appreciate collaborative coding by resolving issues faced by programmers on normal IDEs/platforms

CodeTogether is a platform that aims to bring all the developers and coders together to appreciate collaborative coding by resolving issues faced by programmers on normal IDEs/platforms. It allows developers to communicate with their fellow developers or collaborators through online voice call and realtime chat. Besides, the whiteboard makes the framing of an algorithm easier by helping programmers working collaboratively to discuss and plan their approach together

Shayan Debroy 5 Jan 20, 2022
A framework for building collaborative Microsoft Teams and M365 experiences.

Live Share SDK The Live Share SDK is in preview. You will need to be part of the Developer Preview Program for Microsoft Teams to use this feature. Th

Microsoft 65 Jan 1, 2023
ProseMirror-based Collaborative Editor

Notebook ProseMirror, Firebase Collaborative Editor. Prerequisites Create a copy of .env.template whose name is .env.local.<user> in the root folder.

Ureeka 12 Oct 21, 2022
This a collaborative repository to us play with javascript basics. Welcome here!

➡️ PT-BR A HacktoberFest project to put your frontend skills to the test. About This is a beginner-friendly repository for educational purposes that w

Ana Silveira 14 Nov 22, 2022
Open! Inclusive! Collaborative! A community for enthusiasts exploring new technologies, working on innovative ideas and helping each other grow together. Open Issues, Raise ideas, Make Pull Requests!

About Us OplnCo previously known as Devstucom represents Open Inclusive Collaborative. We as a community help our fellow students build skills through

OpInCo Community 4 Oct 13, 2022
The project is a To-Do list project to help plan daily, weekly or monthly activity. I used Html, CSS and JavaScript Technology to execute the project.

<<<<<<< HEAD To Do List This project is geared towards applying acguired skills for development of my porfolio through the following practices: Create

Victor Efosa Osagie 6 Dec 19, 2022