Skip to main content

๐ŸŸข The Nightless AI World: Claude 3.5 Launch by Anthropic

Different from GPT-4o's two-week wait, this time Anthropic has directly offered a free trial.

Not long after the excitement, at 3 PM Beijing time, Claude crashed ๐Ÿ˜ญ, delaying the publication of this article.

Claude Update

If you're not familiar with the last Claude update, you can check out this article.

In short, Claude currently has three models of different sizes: Opus, Sonnet, and Haiku.

Model Comparison

These can roughly be compared to GPT-4, GPT-4o, and GPT-3.5.

As expected, Claude 3.5 Sonnet outperformed its predecessor, Claude 3 Opus, in text-based datasets like MMLU and MATH, competing head-to-head with GPT-4o.

Performance Data

In terms of multimodal vision capabilities, it has reached SOTA (state-of-the-art: the best performance in machine learning tasks).

These results didn't surprise me much.

After all, as OpenAI's old rival, Claude wouldn't be released if it didn't surpass the GPT series. ๐Ÿ‘

However, the new model also brings a new interactive feature!

Artifactsโ€‹

In Claude 3.5's eyes, Artifacts represent archaeological artifacts, artworks, traces in science and engineering, or any documentation, design drawings, source code, and test plans generated in software development. This name seems more understandable than Opus, Sonnet, or Haiku. ๐Ÿ‘

When users ask Claude to generate code, text, or websites, Artifacts will appear in the right-hand window, providing a real-time preview and modifications. Check out this video ๐Ÿ“น:

This feature seems like the pro max version of GPT's previous code interpreter.

However, this feature is not enabled by default. Those who have accessed Claude recently should see a small Artifacts window on the main screen, which you can click to enable.

Enable Artifacts

If you don't see it, you can click on the avatar, choose Feature Preview, and turn on Artifacts.

While writing this article, I saw someone make Mario using Claude 3.5. Since it can handle simple obstacle avoidance, it might as well be able to create a shooting game. ๐Ÿƒโ€โ™€๏ธ

Angry Birds? Tetris? After some brainstorming,

I remembered that whenever I use Claude, I always have a strange "sneaky" feeling, as if I might get banned at any moment.

So why not create a Contra game to pay tribute to this "Ban-Triggering Contra"? ๐ŸŽฎ

Contra Design

First, design the protagonist by capturing the classic Contra image, then let Claude recreate the character using code, creating a geometric version of the protagonist, Contra (both names start with C).

After the code is written, a left-side code and right-side preview interface will appear.

Code Preview

Great, looks good!

Next, let's have Claude add more details, including the background, enemies to attack, and obstacles to jump over.

Claude 3.5 in Action

Now, the moment of truth:

"Now, please help me create a side-scrolling jump game. The controllable character is an 8-bit warrior, and the obstacles to jump over are camouflage stickmen coming at you. The background is a black sky and bushes. Pressing the space bar triggers a jump."

The process was far from smooth.

After repeatedly generating until my quota ran out (the health bar was there, but the attack system was missing),

I discovered the core reason for the failure.

These types of games are mostly written in React, and Artifacts doesn't support referencing libraries like react-us, so you need to implement similar functions using native React hooks.

Game in Progress

As the saying goes, the code was written in under 5 minutes.

We can directly play this game in Artifacts, or download it locally to run!

This update in interactivity

is as exciting as when I first saw GPT support the code interpreter! ๐ŸŽ‰

Not to mention, Anthropic announced that later this year, they will release Claude 3.5 Haiku and Opus.

It would be great if Artifacts became more fun too. ๐Ÿงฎ

Anthropic Update

GPT, keep up!

Add this feature to GPT-4o tonight,

or I might just renew my subscription tomorrow.

This Claude 3.5 is really hard to resist!

Finally, here's the official guide:

Official Guide