Assignment 1: Interactive HTML5 Work

Create a webpage that changes when the user clicks a button or presses a key.

1. Discuss with ChatGPT to decide on the interaction (e.g., change color, show text).
2. Describe in a prompt what you want for a one-page HTML5 page with JavaScript for your idea.Ask for comments in the source code to help you learn
3. Copy code and paste into a text-editor
4. Experiment with different events, values and effects.
5. Upload and post to blog

Assignment 2: Generative Art with P5.js

Use P5.js to create a design that randomly generates shapes or patterns.

1. Brainstorm ideas, in a Chat, for designs with P5js and random behavior
2. Describe in a prompt what you want for a one-page HTML5 page with JavaScript for your idea. Ask for comments in the source code to help you learn]
3. Copy code and paste into a text-editor
4. Adjust parameters to refine the design.
5. Upload and post to blog

Assignment 3: Generative Animation with P5.js

Create an animation in P5.js where elements move or change over time

1. Brainstorm ideas, in a Chat, for designs with P5js and random behavior.
2. Conceptualize the animation, planning movement and interactions.
3. Describe in a prompt what you want for a one-page HTML5 page with JavaScript for your idea. Ask for comments in the source code to help you learn
4. Copy code and paste into a text-editor
5. Experiment with movement parameters and interactions.
6. Upload and post to blog

https://dtc-wsuv.org/mcasas22/mini-assignment01/

https://dtc-wsuv.org/mcasas22/mini-assignment02/

https://dtc-wsuv.org/mcasas22/mini-assignment03/

Blog Prompt: Read the article by Amy Goodchild and discuss some of the techniques that interest you. In class we will play with both generative visual art as well as generative literature or language art. Both require the use of JavaScript.

The techniques I found most interesting were “The System is the Art” and “Growing Art.” This art can’t be fully controlled, making it appealing. The outcomes are always different. I enjoy using this method in my creative process because it leads to unique work. This also reminds me of a more randomness structure, however, some nature can create the same thing over and over. With generative AI, I believe it embraces this technique and will allow users to keep pushing their focus forward.

**The above photo is not apart of the article, but this is something I am personally fascinated by with using nature for sculpting items**

Here is my website made by Chat GPT.

After completing the exercise for generating an HTML file using Chat GPT, I see now that not much will change. Sure, AI will make coding easier for both beginners and advanced users and save time but all users need to understand how coding works. People who create HTMLs through AI still need to learn the fundamentals of good web design and structure if they plan on actually posting the HTML. AI can definitely help but it can mostly export a basic generation because the AI cannot think the same way a human can come up with a complex plan of executing a website. If someone doesn’t know what they are doing, it will be incredibly easy to mess up.

This will make game, web and app development easier but it will not do the thinking for you. It is an amazing way to assist with projects but never assume that the work will be creative.

I am worried that there will be many more basic or poorly designed websites due to coding being more easier to access from people who couldn’t bother learning to code themselves. I fear for the dip in quality and effort. I am hoping that this will help inspire people to get into coding and learn for themselves now that the barrier for entry has been somewhat lifted now that AI can get the basics down.

I do not plan on using coding as a profession but this will help me put more time into learning how to code as a hobby. I have a series I am creating called “Void-Theta” and it would be really nice to at least have a page for myself to act as a “wiki” for the stories and characters involved. I want to be able to see the fruits of my labor in the medium of a web page.

Blog Prompt: Read the article by Amy Goodchild and discuss some of the techniques that interests you. In class we will play with both generative visual art as well as generative literature or language art. Both require the use of JavaScript.

That article was really interesting to me! I was especially captivated by her interactive p5.js Web Editor where you can play with pixels.

I like that Goodchild opened up the definition of ‘generative art’. Going into this article, I certainly had an expectation of what it would cover. Bringing in things like the natural process of petri dish growth and algorithms based on real life made the idea of what generative art is truly shift for me.

Her work with simulated ecosystems also intrigued me. I definitely associate the idea of generative art with the sometimes-interesting line/node based art. But it’s so much more than that. The idea of introducing some human elements (like following instructions) was also pretty cool.

Exploring these techniques, especially the blending of natural processes with computational methods, opens up a wide spectrum of possibilities for both visual and language arts. The concept of using randomness and procedural generation can significantly enhance what people are able to produce. For language arts, implementing algorithms that mimic natural systems or utilize rule-based constructs can produce fascinating narratives or poems that resonate with the unpredictability and complexity of real life. Engaging with JavaScript to bring these ideas to life in class will not only be educational but also deeply enriching, allowing us to bridge the gap between technology and art in innovative ways.

Assignment 1: https://dtc-wsuv.org/hgebhart23/generative-assignment-1/

Assignment 2: https://dtc-wsuv.org/hgebhart23/generative-assignment-2/

Assignment 3: https://dtc-wsuv.org/hgebhart23/generative-assignment-3/

The concept of “True Random” in generative art is a fascinating exploration of the intersection between the unpredictable forces of nature and the structured world of art and technology. This method distinguishes itself by harnessing truly random numbers generated from natural chaotic data sources, such as atmospheric noise or the unpredictable patterns of lava lamps, instead of relying on computer-generated pseudorandom numbers. The key difference between truly random and pseudorandom numbers lies in their origin; true randomness is derived from inherently unpredictable physical phenomena, while pseudorandomness is produced by algorithms that can, theoretically, be predicted given enough information about their initial state.

Integrating true randomness into generative art introduces an element of the uncontrollable and the unforeseeable into the creative process. This opens up a rich dialogue about the essence of creativity, originality, and the role of the artist. When artists use truly random numbers, they relinquish a degree of control, allowing nature to become a direct contributor to the artwork. This collaboration with the chaotic elements of the universe injects a unique, irreplicable quality into each piece, emphasizing the singular moment in time it was created.

The utilization of true randomness might prompt one to ponder the philosophical implications of randomness versus determinism in art. It challenges the notion of the artist as the sole creator and raises questions about the influence of unseen forces on creative outcomes. Moreover, the difference between using random and pseudorandom numbers in generative art might not be immediately visible to the eye, but it significantly impacts the conceptual and intrinsic value of the artwork. It shifts the narrative from one of human-engineered aesthetics to a broader, more inclusive story of the interplay between human intention and the unpredictability of nature.

Furthermore, the idea of true randomness in art speaks to the broader cultural and technological context of our times, where discussions about data privacy, the limits of algorithmic predictability, and the search for genuine randomness in cryptography and banking are prevalent. By drawing a parallel between these utilitarian applications and the creation of art, this approach not only enriches the artistic landscape but also engages with critical contemporary issues.

For someone intrigued by the intersections of art, technology, and the fundamental unpredictability of the universe, the concept of true randomness in generative art offers a compelling lens. It challenges our perceptions of control and creativity, inviting us to consider the beauty of surrendering to the chaos that underpins our world, making the exploration of true randomness in art not just a technical experiment, but a profound philosophical journey as well.

Generative art, particularly when intertwined with artificial intelligence, represents a fascinating blend of technology and creativity, pushing the boundaries of what’s traditionally understood as art. This form of art automates the creative process, utilizing algorithms to generate artwork that can vary from highly structured to entirely random. Unlike traditional artistic methods that rely solely on human input, generative art introduces a level of autonomy, where the final output can be as unpredictable as the outcome of a dice roll.

The process of creating generative art with AI involves setting specific rules or algorithms that the computer follows, which can include randomness, noise, or other mathematical constructs. This approach can mimic natural processes or entirely abstract concepts, leading to unique and often surprising results. For instance, similar to throwing a cup of paint onto a canvas and letting gravity dictate the paint’s path, generative art uses the digital equivalent of this randomness. However, it extends further by allowing for the integration of complex patterns, data inputs, and adaptive systems that can evolve over time.

What sets AI-driven generative art apart is its ability to learn and adapt from a set of data or to generate artwork based on predetermined stylistic or compositional guidelines. This can result in artworks that are not only unique but can also comment on or interpret vast datasets in visually compelling ways. As AI continues to advance, the potential for more nuanced and sophisticated generative art grows, offering new avenues for artistic expression and exploration. This convergence of code, data, and traditional aesthetics challenges our understanding of art and creativity, propelling us into new realms of digital expression.

Exploring the realm of generative art is like embarking on an exciting adventure, where randomness, rules, and the beauty of natural systems are our travel companions. It’s a journey that becomes even more fascinating as we bring JavaScript into the mix, blending visual art with the art of storytelling in innovative ways.

The concept of randomness, powered by pseudorandom number generators, is intriguing. It introduces an element of surprise not only for the audience but also for us as creators. This ‘controlled chaos’ challenges our perceptions of creativity, inviting us to embrace the unexpected and revel in the beauty of serendipity.

Rules in generative art offer a different kind of thrill. Inspired by visionaries like Sol LeWitt, we’re encouraged to set boundaries and then watch as creativity unfolds within them. It’s a thought-provoking process that blurs the lines between the artist’s intent and the artwork’s autonomy, creating a space where preconceived notions give way to innovation and exploration.

Incorporating natural systems into our art practice creates a sense of awe and respect for the complexities of the world around us. Whether it’s observing patterns in condensation or the growth of microorganisms, this approach creates a bridge between the digital and the natural, reminding us of the endless inspirations lying just beyond our screens.

By taking advantage of JavaScript, we’re not just crafting visuals but also weaving narratives that resonate on a deeper level. This fusion of code, creativity, and storytelling opens up new avenues for expression, pushing the boundaries of what art can be and how it can touch our lives.

As we navigate through the intricacies of generative art, we’re challenged to think differently, experiment boldly, and appreciate the beauty in both the process and the outcome. It’s a journey that’s as enriching as it is enlightening, promising endless possibilities for those willing to explore these new realms.

Click HERE to view a moment in the future history of Thera.

After reading the articles above and performing the coding exercise, share your thoughts about what this all means for the future of coding. What does AI mean for software, game, app and web development?

As I previously mentioned in previous blog posts that related to similar industries, I believe AI is both revolutionary as well as polarizing for web development as well as our economy and industry as a whole. We have already seen software and games that have been developed with extensive use of AI, with a leading example being a best selling game released on January 19th of this year by the name of Palworld. AI is already being used to write code, design graphics, animate, and streamline workflow in an industry that is already seeing major post-covid layoffs as the tech industry slims down.

What are your concerns about the profession and what do you see are the opportunities?

AI opens many doors in the realm of creativity but at a cost of less manpower needed in order to achieve desired results as the entire process eliminates the need for redundant workers. I foresee many jobs and departments slimmed down extensively to a key few individuals who are able to quickly work with AI to complete tasks that used to require much more time and workers.

  How might this affect your own future plans?

As AI advances further along and becomes even more efficient, I believe it will soon move to a place where it coincides with daily workflow in not only tech related fields, but also a broad spectrum of other fields. It is already implemented to a high degree in many silicon valley jobs and programmers and developers already work alongside it in an almost unofficial relationship. As the technology improves, I believe not only will it become mandatory to work alongside AI software and engines, but being able to skillfully manipulate it will be a highly desired commodity in the workforce. As such, I am trying to incorporate it into much of my work flow and learning process as possible, to prepare for a work force that will co-exist with AI.

Blog Prompt:  What is missing in the Omega Team scenario? What went wrong? Reflect on Tegmark’s text along with your own notes on dystopian and utopian futures of AI. What do we need to do to avoid the undesirable outcomes and maximize potential desirable outcomes? 

Here’s a breakdown of potential gaps in the scenario and strategies to foster positive AI futures:

1. Ethical Oversight: A lack of ethical guidelines and oversight can lead to AI systems that operate without consideration for human values, privacy, and rights. An ethical framework is essential to ensure that AI systems promote well-being and do not harm individuals or communities.

2. Inclusive Design: If the Omega Team’s design process isn’t inclusive, the resulting AI systems might not address the diverse needs of global populations, leading to inequities in the benefits AI can offer.

3. Transparency and Accountability: Without mechanisms for transparency, it can be difficult to understand AI decision-making processes, leading to trust issues. Accountability structures are necessary to ensure that any negative impacts can be addressed and responsible parties held accountable.

Strategies to Maximize Desirable Outcomes:

1.*Develop and Enforce Ethical AI Guidelines: Establishing global standards for ethical AI development and use, focusing on fairness, transparency, and privacy, can help ensure that AI technologies benefit humanity.

2. Promote Inclusive and Multidisciplinary Collaboration: Encouraging diverse teams that include ethicists, sociologists, psychologists, and end-users in the AI development process can lead to more equitable and effective solutions.

3. Foster AI Literacy and Education: Educating the public about AI’s potential and risks can empower individuals to make informed decisions and engage in meaningful discussions about AI governance.

4. Implement Transparent and Accountable AI Systems: Creating mechanisms for explaining AI decisions and holding developers and users accountable for misuse can build trust and ensure responsible AI utilization.

5. Invest in AI Safety Research: Allocating resources to anticipate, study, and mitigate potential adverse outcomes can help prevent or minimize risks associated with advanced AI technologies.

Incorporating these elements and strategies into AI development projects like the Omega Team scenario can help navigate the complex landscape of AI futures. By emphasizing ethical principles, inclusivity, transparency, and long-term planning, we can work towards maximizing AI’s benefits while minimizing its risks. Balancing innovation with caution and responsibility is key to achieving a future where AI contributes positively to societal progress and well-being.

Blog Prompt: Create a Chat in ChatGPT and describe a basic website. Give some sense of the layout, colors and typography. Ask that the response be coded in HTML5 and CSS as one HTML page. Download the file and open it in a browser. 

After reading the articles above and performing the coding exercise, share your thoughts about what this all means for the future of coding. What does AI mean for software, game, app and web development?  What are your concerns about the profession and what do you see are the opportunities? How might this affect your own future plans? 

Opportunities:

1. Increased Efficiency: AI can automate repetitive tasks, speeding up the development process. This can lead to faster project turnovers, more time for developers to focus on complex problem-solving, and ultimately, more innovative products.

2. Enhanced Creativity: With AI tools, developers can explore new possibilities in design and functionality that were previously difficult or impossible to achieve. In game development, for instance, AI can generate unique content, creating more immersive and dynamic gaming experiences.

3. Accessibility and Inclusivity: AI can make coding more accessible to a wider audience, including those without a formal background in computer science. This democratization of development could spur a wave of innovation from diverse perspectives.

4. Improved Quality: AI can assist in identifying bugs and vulnerabilities more efficiently than traditional methods, improving the overall quality and security of software.

5. Personalized Experiences: In app and web development, AI can enable the creation of more personalized user experiences through adaptive interfaces and content, enhancing user engagement and satisfaction.

Concerns:

1. Job Displacement: As AI takes over more routine coding tasks, there’s concern about the displacement of jobs, particularly for those in entry-level positions. This necessitates a shift in focus towards more strategic, creative, and oversight roles.

2. Ethical and Security Risks: The integration of AI in development processes introduces complex ethical considerations, including bias in AI algorithms and increased potential for sophisticated cyber-attacks.

3. Dependence on AI: Over-reliance on AI tools could lead to a degradation of fundamental coding skills among new developers, making it difficult to solve complex problems without AI assistance.

Impact on Future Plans:

For individuals in the field, these changes necessitate a proactive approach to skill development, focusing not only on technical coding skills but also on understanding AI and machine learning concepts. There’s a growing need for skills in data science, AI ethics, and human-computer interaction to design and implement AI-integrated systems effectively.

The future will likely require a more interdisciplinary approach to development, blending coding with other fields such as psychology, design, and ethics. Staying adaptable, continuously learning, and embracing a multidisciplinary perspective will be key to thriving in this evolving landscape.

In conclusion, the integration of AI in development fields is a double-edged sword, offering the potential to significantly advance technology and bring creative ideas to life more efficiently, while also presenting substantial challenges that need to be navigated carefully. The future of coding with AI will be shaped by how well the industry can balance these opportunities and concerns, ensuring that technological advancements lead to positive outcomes for all stakeholders involved.

Blog Prompt: Post a paragraph summary description of your story/moment that you will turn into a series of shots and then compile into a video sequence. Write another paragraph that describes the visual style and what you imagine the soundtrack to include: voices, sound effects, music. 

Paragraph “In the heart of the vast, uncharted waters of Aquarius, Luma, a brilliant marine technologist, finds herself at the forefront of a critical mission: to maintain the delicate balance between the burgeoning underwater technology and the rich tapestry of marine life. Aquarius, a marvel of modern science, is a testament to humanity’s ingenuity—a submerged world where AI and biotechnology have intertwined with the ocean’s ecosystems to create a living, breathing underwater utopia. Smart-Reefs pulsate with digital life, cybernetic marine creatures swim alongside their organic counterparts, and AI-controlled environmental systems regulate the health of this underwater paradise.”

Visual Style:
For the visual style of Aquarius, I prompted my ChatGPT world with the following: “Will you generate 10 photos in 16:9 to portray this story in sequence, and use lots of blues, purples, and bright colors to make the marine animals pop, but give them a cinematic look so the pictures appear professionally taken by a DSLR?” Then I prompted, “With this story, generate 5 more photos in 16:9 with neon colors of sea creatures and beautiful blue and purple water. I want photos that glow.” Overall, I really liked the photos! I do have some I did not choose because they did not achieve the overall effect I was going for. As for the sound, I wanted it in a documentary style, which is why I chose Daniel with Eleven Labs which gives it a Discovery Channel feel. Then, I wanted to go for a binaural beat sound for the background music that plays different relaxing frequencies. I wanted it to evoke the feeling of a calm world, mirroring the floating sensation you experience when underwater.